/* STYLES fuer frankfrewer.de 
- side (=not home) styles
*/
/* 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout  - default styles
		2. seitenaufbau 
		3. klassen fuer spezielle seiten
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout (default styles)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body
{
	background-image: url(/fileadmin/templates/images/slash_08_08_8_h_tr.png);
	background-position: 0px 1px; 
       background-color:#ffffff; 
	min-width: 999px;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		2. Seitenaufbau
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Kopfbereich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#header 
{
	height: 60px;
}

#sub_header 
{
	height: 20px;
}

#breadcrumb .breadcrumbItem 
{
	float: left;
	background-color: #26A4B3;
	color: #000;
	margin: 0 10px 0 0;
	padding: 3px 10px;
}

#breadcrumb .breadcrumbItem a 
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Contentbereich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#container
{
	width:100%;
	margin:0;
	padding:0;
	color:#303030;
	border: 0px solid #3CAFBC;
/*	text-align: left; *//* bug ie */
}

/* -IE6 */
/*
* html #container
{
	margin:10px auto 0 auto;
	margin: 0 0 0 80px;
}
*/

#main 
{
	margin: 0;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Newsbox Latest & Ticker
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#news 
{
	position: relative;
	z-index: 90;
	width: 225px;
	height: 203px;
	margin: 0 17px 22px 0;
	padding: 24px 3px 12px 12px;
	float: right;
	display: inline;
}

/* not implemented yet */
#news #closeNewsNav 
{
	position: absolute;
	right: -9px;
	margin: -23px 0 0 0;
}

.tx-itsnewsticker-pi1
{
	margin: 0 12px 8px 0;
	position: absolute;
	bottom: 0;
/*
 	hide ticker in netscape besause of js(?)-errors
	display: expression( navigator.userAgent.indexOf('Netscape') == -1 ? "normal" : "none");
*/
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 	Untermenü-Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* Anmerkung: subMenu existiert als ID und als Klasse */
/*
#subMenu ID
*/
#subMenu 
{
	background-color: #A0A29F;
	min-width: 156px;
	height: 145px;
	margin: 0 95px 0 0;
	display: inline;
}

/* -IE6 */
* html #subMenu 
{
	width: 0;
	height: 0;
	margin: 0 85px 0 0;
	clear: both;
	float: right;
}

/*
.subMenu Klasse
*/

#subMenu .subMenu
{
	background-color: #A0A29F;
	min-width: 166px;
	height: 155px;
	margin: 0 81px 0 0;
	padding: 17px 3px 3px 7px;
	line-height: 1.3em;
	clear: both;
	float: right;
	font-size: 12px;
}

/* - IE6 */
* html #subMenu .subMenu 
{
	width: 175px;
	height: 175px;
	margin: 0;
}

#subMenu a:hover 
{
	color: #068C9C;
}

#subMenu .smenu_act, 
#subMenu .smenu_act a 
{
	color: #068C9C;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Contentbereich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#headLine 
{
	width:auto;
	margin: 16px 0 14px 17px;
}
/* -IE6 */
* html #headLine 
{
/*
	width:auto;
	margin: 16px 0 14px 17px;
*/
}
/* IE7 */
*+html #headLine 
{
/*
	width:auto;
	margin: 16px 0 14px 17px;
*/
}

#headLine div.csc-header h1.csc-firstHeader 
{
	color: red;
	font-size: 48px;
	font-weight: normal;
	margin-left: 0px;
}

#main 
{
	background-color: #ffffff;
	width: 704px;
	min-height: 714px;
	padding: 20px 30px 10px 10px;
	margin: 0px 20px 0 92px;
}

/* -IE6*/
* html #main 
{
	width: auto;
	padding: 20px 30px 10px 10px;
	/* float ermoeglichen: statt width margin-right abhaengig von fenstergroesse definieren */
 	margin-right: expression( document.body.offsetWidth > 1020 ? document.body.offsetWidth-860+"px" : "160px");
	/* float ermoeglichen: statt min-height padding-bottom abhaengig von main-hoehe definieren */
	padding-bottom: expression( document.all.main.offsetHeight < 700 ? 735-document.all.main.offsetHeight+"px" : "10px");
}

/* IE7*/
*+html #main 
{
	width: auto;
	min-height: auto;
	/* float ermoeglichen: statt width margin-right abhaengig von fenstergroesse definieren */
 	margin-right: expression( document.body.offsetWidth > 1020 ? document.body.offsetWidth-860+"px" : "160px");
	/* float ermoeglichen: statt min-height padding-bottom abhaengig von main-hoehe definieren */
	padding-bottom: expression( document.all.main.offsetHeight < 743 ? 753-document.all.main.offsetHeight+"px" : "10px");
}

p.bodytext, 
p.bodytext a
{
	margin: 0 0 16px 0;
	line-height: 1.3em;
	color: #000;
}

p.bodytext a,
ul a
{
	color: #DD2D30;
	font-weight: normal;
}

#main ul 
{
	margin: 0 0 0 18px; 
	padding: 0;
	list-style-image: url(/fileadmin/templates/images/ul_slash.png)
} 

#main ul li
{
	line-height: 1.3em;
} 

#main h1,
#main h2,
#main h3,
#main h4,
#main h5
{
    	font-size: 100%; 
	color: #2696a3;
	font-weight: normal;
	line-height:1.3em;
	margin:0 0 16px 0;
}

#main h1 a,
#main h2 a,
#main h3 a,
#main h4 a,
#main h5 a
{
	color: #DD2D30;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		3. klassen fuer spezielle seiten
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Kontakt Formular
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/ 

.csc-mailform 
{
	border: none;
	display: block;
	padding: 0;
	width: 40em; 
	margin: 46px 0 0 0;
}

.csc-mailform-field label 
{
	float:left;
	clear:both;
	display:block;
	width:100px;
/*
	padding-left:0px;
*/
	padding: 0 10px 0 0;
	margin-bottom: 10px;
	text-align: right;
}

/* -IE6*/
* html .csc-mailform-field label 
{
	width: 110px;
}

/* IE7*/
*+html .csc-mailform-field label 
{
	margin-bottom: 0;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select 
{
	float: left;
	display: block;
	width: 300px;
	border: 1px solid #f26522;
	background: #f26522;
	padding: 1px;
	margin-bottom: 10px;
}

/* -IE6*/
* html .csc-mailform-field input,
* html .csc-mailform-field textarea,
* html .csc-mailform-field select  
{
/*
	margin-bottom: 10px;
*/
}

/* IE7*/
*+html .csc-mailform-field input,
*+html .csc-mailform-field textarea,
*+html .csc-mailform-field select  
{
	width:296px;
/*
	margin-bottom: 10px;
*/
}

.csc-mailform-field textarea
{
	height: 210px;
/*
	margin-bottom: 10px;
*/
}

/* IE7*/
*+html .csc-mailform-field textarea
{
/*
	height: 210px;
	margin-bottom: 10px;
*/
}

#mailformformtype_mail 
{
    	background-color: #D0D0D0;
	clear: left; 
	width: 11em;
	border: 0;
}

.csc-mailform-submit 
{
	/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-left: 110px;
	/* Float wieder abschalten */
	clear: both;
/*
	text-align: left;
*/
	padding-left:10px;
}

/* -IE6*/
* html .csc-mailform-submit 
{
	margin-left: 55px;
}