/* default elements */

*{margin:0px;padding:0px}


h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
line-height:1.6em
}
h2
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
line-height:1.6em
}
	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.8em; 
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em
}

.quote
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-style: italic;
margin-left:0px;
padding-left:0px;
padding-top:0px;
line-height:1.6em;
float:left;
}


.right
{
background-color:black;
float:right;
}



a
{
color:#467AA7;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link
{
color:#467AA7;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:visited
{
color:#467aa7;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover
{
color:#ff6600; 
font-style:normal;
text-decoration:none;
 }

a.nostyle {
border:none;
}

	
/* Layout */
body

{
margin: 0;
padding:0;
font-family: Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
background-image:  url(images/bg2.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
list-style:none;
}

#wrapper 

{
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
/*width:1000px;*/
/*width: 97%;*/
background:transparent;


}




#header 

{
/*width: 97%;*/
background: url(images/b.jpg) repeat-x;
height: 80px;
margin-top: 18px;
}

#header .logo

{
	float:left;
	padding-top:0px;
	padding-left:20px;
	border: none;
}



#nav ul

{
display:block;
float:right;
list-style:none;
margin-right:20px;

}


#nav li

{
float:left;
margin-bottom:0px;
padding-bottom:0px;
padding-right:19px;



}


#nav ul li a

{
float:left;
border-left:4px solid #858383;
display:block;
margin-right:1px;
padding-right:5px;
padding-left:5px;
padding-top:10px;
padding-bottom:10px;
color: #ffffff;
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

#nav  li a:hover
{
color: #ffffff;
border-left:4px solid #facd00;
}


#nav .selected {
color: #ffffff;
border-left:4px solid #facd00;
}




#mycontent
{
	float:left;
	background-color:transparent;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	/*width:990px;*/
	border-bottom:1px solid #eaeaea;
	width: 97%;
}


#text
{
	background-color:transparent;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 230px;
	padding-left: 1em;
	border-right:1px solid #eaeaea;
}


#text p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#text ul
{
padding-left: 20px;
}

#text li
{
font-size:0.8em;
color:#555555;
font-family:Verdana, Arial, helvetica, sans-serif;
font-weight: normal;
line-height:1.6em
}


#text h1
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}
#text h2
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}


#col2
 {
	float: left;
	background-color:transparent;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px 0 10px 15px;
	width: 215px;
}



#col2 p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2 h1
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}
#col2 h2
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}



#boxcontainer
{
	float:left;
	clear:both;
	background-color:transaprent;
	margin-top:0px;
	margin-bottom:15px;
	padding:10px;
	width: 97%;
	/*width: 920px;*/
}

.box1

{
	width:167px;
	float:right;
	margin-left:0px;
	padding-right:5px;
	margin-top: 8px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom:8px;
	border-right:1px dotted #dadada;
}

.box1 p

{
font-size:0.7em;
padding-top:10px;
padding-left:10px;
padding-right:10px;
color:#555555;
}

.box1 h1

{
background-image:url(images/one.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
font-family: 'Trebuchet MS';
font-size:1em;
padding-top:0px;
padding-left:30px;
color:#619fde;
}


.box2

{
	width:167px;
	float: right;
	margin-left:25px;
	margin-top: 8px;
	padding-right:5px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom:8px;
	border-right:1px dotted #dadada;
}

.box2 p

{
padding-top:10px;
padding-left:4px;
padding-right:10px;
color:#555555;
font-size:0.7em;
}

.box2 h1

{
background-image:url(images/two.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
font-family: 'Trebuchet MS';
font-size:1em;
padding-top:0px;
padding-left:30px;
color:#619fde;
}



.box3

{
	width:167px;
	float:right;
	margin-top: 8px;
	padding-left: 20px;
	margin-left:25px;
	padding-top: 0px;
	padding-bottom:8px;
}

.box3 p

{
font-size:0.7em;
padding-top:10px;
padding-left:4px;
padding-right:10px;
color:#555555;
}


.box3 h1

{
background-image:url(images/three.gif);
background-repeat:no-repeat;
background-position:top left;
font-family: 'Trebuchet MS';
font-size:1em;
padding-top:0px;
color:#619fde;
padding-left:30px;
}


#footer 

{
clear: both;
margin-right: 0px;
margin-bottom:0px;
margin-left: 0px;
padding:8px;
background-color:#191718;
text-align:center;

}

#footer p

{
font-size: 0.7em;
line-height:3em;
font-family: arial;
font-weight: normal;
color: #5b5b5b;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
text-align: center;

}

#footer a 

{
font-size: 1em;
font-weight: normal;
color: #facd00;
text-align: center;
}

#footer a:hover 

{
text-decoration: underline;
font-weight: normal;
color: #facd00;
text-align: center;
}

#navigation
{
	float: left;	
	width: 215px;
	padding-right: 5px;
}

#navigation ul
{
	background-color: #307CCB;
	padding-top: 10px;
	padding-bottom: 10px;
}

#navigation li
{
	display: block;
	width: 175px;
	list-style-type: none;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: right;
	padding-right: 40px;
	border-top: 1px solid #5688A0;
	background-image: url(images/arrow_no.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#navigation-2 li
{
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}



#navigation li.curr
{
	background-image: url(images/arrow_act.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#navigation li.curr a
{
	font-weight: bold;
}

#navigation li a
{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#navigation li a:hover 
{
	color: #f86900;
}
#navigation-2 li {
	background-image: none;
}
#navigation-2 li.curr {
	background-image: none;
}
#navigation-2 li a {
 	font-size: 0.7em;
	text-transform: none;
}

#subnav
{
	margin-bottom: 15px;	
	background-color: #F0F0EF;
	
}

#subnav h3
{
	width: 210px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E1E1E1; 
	padding-left: 5px;
}



#subnav ul
{
	padding-left: 5px;	
}

#subnav li
{
	list-style-type: none;
	padding-bottom: 3px;
	padding-top: 3px;
	display: block;
	padding-left: 20px;
	background-image: url(images/arrow_more.gif);
	background-repeat: no-repeat;
 	background-position: left 7px;
}

#subnav li a
{
	color: #333;
	text-decoration: none;
}

#subnav li a.active
{
	font-weight: bold;	
}

#subnav ul.sub li
{
	background-image:none;

}


SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EDEFF1;
	border: 0px solid #CCCCCC;
}

TEXTAREA {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border:0px solid #CCCCCC;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
}

INPUT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
/*	background-color:#CCCCCC;*/
	border: 1px solid #666666;
}

BUTTON {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #EDEFF1;
}

.csc-mailform {
	width: 500px;
	border: 0px none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 36px;
}

.csc-mailform-field {
	margin-bottom: 6px;
	line-height: 18px;
}


.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:120px;
padding-left:5px;
margin-bottom:10px;

}

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

.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;
}

/* hack */
/*
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	clear: none;
}
div.csc-textpic div.csc-textpic-imagerow {
	clear: none;
}

div.csc-textpic-clear {
	clear: none;
}


div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	clear: none;
}

div.csc-textpic-left div.csc-textpic-text {
	clear: none;
}
*/
