@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */
 
@import url(yaml/slim_base.css);


@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */
  
  /* GET THE RIGHT EM -> 1/12*px */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { font-size:75%; font-family:Arial,Verdana,Helvetica,Sans-Serif; min-height:100%; }

	h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; color:#EC7404;}
	
	h1 { font-size:16px;}
	h2 { font-size:14px;}
	h3 { font-size:12px;}
	h4 { font-size:11px;}
	h5 { font-size:10px;}
	
	a {color: #000000;}

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #EC7404;}
  #height_weight_fix { position:absolute; height:100%; width:100%; }
  
  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { 
  	width: 990px;  
  	min-height:100%; 
  	margin:0 auto; 
  	background-color:#F9D5B3; 
  	background-image:url(../img/bgLineLeft.gif);
  	background-repeat:repeat-y;
  	background-position:top left;
  	border-color:#EC7404; 
  	border-style:solid;
    border-width:0 0.083em 0 0.083em;
  }
  #page {   }
  #header {  height:12.17em; background-color:#FFF; }
  #nav {   }
  #footer { background-color:#EC7404; height:2.416em; min-width: 82.5em; width: 82.5em; margin:-2.416em auto 0 auto; }


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { float: left; width: 168px; background-color:#F19B4A; height:100%; }
  #col3 { width: auto; margin: 0 0 0 168px; }
  #col1_content {  }
  #col3_content { padding: 2.5em; }
  
 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #logoLeft img {
  	width:100%;
  }
  
  #footer #footerLeft {
  	float:left;
  }

  * html #footer #footerLeft {
	padding-right:1px;
  }
  
  #footer #footerText {
  	color:#FFF;
  	font-size:0.9em;
  	overflow:hidden;
  	height:2.42em;
  	line-height:2.42em;
  	font-weight:normal;
	text-align:center
  }

  #header #logo {
  	text-align:right;
  }
  
  #header #topimage {
  	float:left;
  }
  
  #header #logo img, #header #topimage img {
  	height:12.17em;
  }
  
  
  #topnav {
	position:absolute;
	top:10.3em;
	left:0.42em;
	text-align:left;
  	height:1.25em;
  	overflow: hidden;
  }
  
  #topnav ul {
  	display: inline;
  }
  
  #topnav ul li {
  	border-left:0.083em solid #808080;
    display: inline;
    float: left;
    line-height: 1.17em;
    height:1.17em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
 
  #topnav ul li a {
  	font-size:1.086em;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0.48em 0 0.48em;
  }
  #topnav li.first_button {
  	border-left:0;
  }


  #topnav ul li a:focus,
  #topnav ul li a:hover,
  #topnav ul li a:active,
  #topnav ul li.selected a  {
    color:#000;
  }
  
  
  #nav_main {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    height:2.75em;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #EC7404;
    border:0;
    line-height: 0;
    border-bottom:0.5em solid #FFF;
  }
  
  #nav_main .right {
	float: right;
  }

  * html #nav_main {
	height:3.25em;
  }
  

  #nav_main ul {
    border:0;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0.42em 0;
    padding: 0;
  }

  #nav_main ul li {
    border-left: 0.16em #fff solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.17em;
    line-height: 1.17em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  #nav_main ul li.first_button {
  	border-left:0;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #FFF;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.23em 0.8em 0.23em 0.8em;
    margin:0 0.42em;
    text-decoration: none;
    width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active,
  #nav_main ul li.selected a  {
    background: #EB9732;
    color: #FFF;
    text-decoration: none;
  }
  
  
  
  #col1 h2 {
  	margin-left:1em;
  	border-bottom:0.16em solid #EC7608;
  	color:#FFF;
  	font-size:1.33em;
  	font-weight:bold;
  }

  #nav_right ul {
    border:0;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    margin-top:1em;
    margin-left:1em;
  }

  #nav_right ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    /*float: left;
    clear:left;*/
    font-size: 1.17em;
    line-height: 1.17em;
    list-style-type: none;
    padding: 0;
    margin:0;
  }

  #nav_right ul li a,
  #nav_right ul li strong {
    background: transparent;
    color: #FFF;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin:0 0.42em;
    padding: 0.23em 0em 0.23em 1.33em;
    text-decoration: none;
    width: auto;
    background-image:url(../img/bullet.gif);
    background-repeat:no-repeat;
    background-position:0em 0.4em;
  }

  #nav_right ul li a:focus,
  #nav_right ul li a:hover,
  #nav_right ul li a:active,
  #nav_right ul li.selected a  {
    color:#808080;
  }
  
  
	div.csc-textpic img, div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
		border-color:#797979;
		border-width:1px;
	}
	
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		width:300px;
		height:100%;
	}
	
	div.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-left:15px;
		margin-right:30px;
	}
	
	*+html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom:0;
		padding-bottom:5px;
	}
	
/**
* TYPO3 FORM BEGIN
**/
.csc-mailform-field input {
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #EC7404;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height:15px;
	width:200px;
	color:#000;
	padding:1px;
}
	
.csc-mailform-field textarea {
	background-color: #FFFFFF;
	border: 1px solid;
	width:270px;
	border-color: #EC7404;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height:15px;
	height:100px;
	margin:0;
	margin-bottom:10px;
	margin-top:10px;
	color:#000;
	padding:1px;
}
	
.csc-mailform-field label {
	margin:2px;
	font-size:12px;
	line-height:15px;
	color:#000;
	float: left;
	text-align: left;
	margin-right: 0px;
	width: 150px;
	display: block;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	vertical-align:top;
	font-weight:bold;
}

/*Border um gesamtes Formular wenn gewuenscht*/
.csc-mailform {
	border:0;
}
	
	#mailform {
	border:0;
	padding:0;
}
	
/*Ausrichtung des Submit Buttons*/
#mailformformtype_mail {
	margin-left: 150px;
	margin-top: 15px;
	padding: 0px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color:#EC7404;
	border-style: solid;
	width:126px;
	font-weight:bold;
	color:#000;
	text-align:center;
}
	
.csc-mailform-field {
	font-size: 12px;
	line-height:15px;
	clear:both;
	margin-top:2px;
	margin-bottom:2px;
}
	
#mailform {
		margin-top:10px;
		margin-bottom:10px;
}
	
#mailform .csc-mailform-radio label {
	margin:2px;
	font-size:12px;
	line-height:15px;
	color:#000000;
	float: left;
	text-align: left;
	margin-right: 0px;
	width: 150px;
	display: block;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	vertical-align:top;
}

#mailform .csc-mailform-radio input {
	clear:both;
	float:left;
	display: block;
	background-color: transparent;
	border: 0;
	line-height:15px;
	width:18px;
}

#mailform .csc-mailform-radio fieldset {
	border:0;
	padding:0;
}

#mailform .csc-mailform-radio legend {
	display:none;
	border:1px solid #EC7404;
}

#mailform .csc-mailform-check {
	float:left;
	background-color: transparent;
	border:0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height:15px;
	width:30px;
	margin-right:100px;
}

.c280l{width:370px;float:left}
.variabelr{float:right;margin-left:-5px; width:370px; text-align:left;}
#c169 div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		width:auto;
		height:100%;
	}
#c168 .variabelr {
	width: 370px;
}

/**
* TYPO3 FORM END
**/
.fontSize11 {
	font-size:11px;
}

p.fontSize11 {
	font-size:11px;
}

span.fontSize11 {
	font-size:11px;
}

.fontSize14 {
	font-size:14px;
}

p.fontSize14 {
	font-size:14px;
}

span.fontSize14 {
	font-size:14px;
}

.fontSize16  {
	font-size:16px;
}

p.fontSize16 {
	font-size:16px;
}

span.fontSize16 {
	font-size:16px;
}

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }
div.indent, p.indent, .indent {margin-left: 3em;}

address {
	font-style: normal;
}

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

H1,h2, H3, H4, H5, H6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	color: #EC7404;
	font-size: 18px;
}
h1 { font-size:16px;}
	h2 { font-size:14px;}
	h3 { font-size:12px;}
	h4 { font-size:11px;}
	h5 { font-size:10px;}
td {font-size: 11px; vertical-align:top;}

div.indent, p.indent, .indent {margin-left: 3em;}
}