@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 100%; 
	width:100%;
	max-height: 100%; 
	background-image:url(../images/page-bg.jpg);
	background-position:bottom right;
	background-attachment:fixed;/* wichtig für den firefox und opera!! */
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#9FAFB5;

}
div{
	margin:0px;
	padding:0px;
}
.width-container{
	width:956px;
	text-align:left;
	margin:auto;
}

#page-container{
	position:absolute;
	top: auto;
	bottom: 0;
	height:632px; /*#content-container height plus #nav-container height*/
	width:100%;
	text-align:center;
}

#nav-container{/*navigationsbalken*/
	margin:auto;
	background-image:url(../images/bottomnav_bg.jpg);
	height:195px;/*gesamter unterer bereich*/
}





#content-container{/*oberer bereich*/
	height:437px;/* schatten */
	background:url(../images/c-or.jpg) right top no-repeat;
	text-align:center;
	position:relative;
}
#scrollbox{
	position:relative;
	top:90px;
	overflow:auto;
	height:350px;
	width:95%;
	margin:auto;
	text-align:left;
}
#c-or{
	background:url(../images/content-bg.jpg) bottom repeat-x;
	
}
#c-ol{
	background:url(../images/c-ol.jpg) left top no-repeat;	
}
#c-ur{
	background:url(../images/nav_bg_2.jpg) right bottom no-repeat;	
}



#content{
	float:left;
	width:570px;
	display:block;
	margin-left:10px;
}
#subnav{
	float:left;
	width:210px;
	margin-left:90px;
	display:block;

}
#subnav ul, #subnav li{
margin:0px;
padding:0px;
display:inline;
list-style:none;
}
#subnav a{
display:block;
 background:url(../images/nav-arrow.gif) 0px 2px no-repeat;
 padding-left:12px;
 color:#FFFFFF;
 text-decoration:none;
 line-height:150%;
 font-weight:bold;
}
#subnav a.akt{

 background:url(../images/nav-arrow-akt.gif) 0px 2px no-repeat;

}
#subnav a.akt-down{

 background:url(../images/nav-arrow-down.gif) 0px 2px no-repeat;

}
#subnav ul ul a.akt{
background:none;
font-weight:bold;
}
#subnav ul ul a{
 background:none;
 padding-left:25px;
 color:#FFFFFF;
 text-decoration:none;
  font-weight:normal;

}
.clear{
display:block;
height:0px;
font-size:0px;
line-height:0px;
clear:both;
visibility:hidden;
}



/*#############################################
	Unterer Bereich
##############################################*/


#over-banner{
	background-image:url(../images/bottom-top-rand.jpg);
	height:8px;
	/*ie6hack*/
	line-height:0px;
	font-size:0px;
	/*ende ie6hack*/
}
#banner{/*banner*/
	background-image:url(../images/banner_1.jpg);
	height:97px;
}
#logo-lang{
	padding-top:10px;
	display:block;
	width:144px;
	text-align:center;
	color:#FFFFFF;
	height:63px;
}
#logo-lang img{
	display:block;
	margin:0px;
	margin-bottom:5px;
}
#mainnav{
	float:right;
	text-align:right;
}


#mainnav ul,#mainnav li{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
}
#mainnav a{
	display:block;
	float:left;
	width:66px;
	padding-top:55px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px;
	background-position:8px 3px; 
	background-repeat:no-repeat;
	margin-left:2px;
}

/*######## buttens ########*/

/*###
bei agentur wurde das problem mit dem neuladen des hintergrundes behoben
dazu wrude ein doppelbild erstellt...  ../images/agentur2.jpg
##############*/
#support{
	background-image:url(../images/support2.jpg);
}

#agentur{
	background-image:url(../images/agentur2.jpg);
}
#projekte{
	background-image:url(../images/projekte2.jpg);
}
#leistungen{
	background-image:url(../images/leistungen2.jpg);
}
#kontakt{
	background-image:url(../images/kontakt2.jpg);
}
#home{
	background-image:url(../images/home2.jpg);
}
#outdoor{
	background-image:url(../images/outdoor2.jpg);
}
#news{
	background-image:url(../images/news2.jpg);
}
#partner{
	background-image:url(../images/partner2.jpg);
}

#mainnav a:hover, #mainnav a.akt{
	background-position:-66px 3px !important; /*exakt die butteon breite*/
}

/*######## buttens ende ########*/


#copyright{
clear:both;
color:#999999;
text-align:right;
}
/*############################# inhalselemente h1, ul, li usw #######################*/


h1{
background-image:url(../images/h1-bg.jpg);
background-repeat:repeat-y;
font-size:15px;
line-height:20px;
color:white;
padding-left:5px;
}
h2{
	font-size:15px;
	color:#228DE6;
}
#content-right{
color:#FFFFFF;
}
#map{
	width:100%;
	height:250px;
	border:1px solid #999999;
}


.b-ro {
	background:url(../images/b-ro.gif) top right no-repeat;
	margin-bottom:5px;
}

.b-lo {
	background:url(../images/b-lo.gif) top left no-repeat;
}

.b-ru {
	background:url(../images/b-ru.gif) bottom right no-repeat;
}

.b-lu {
	background:url(../images/b-lu.gif) bottom left no-repeat;
}

.b-content {
	margin:0;
	padding:15px 15px 15px 15px;
}
.b-content h1 {
	margin:0;
}

#content ul, #content li{
	list-style:none;
	margin:0;
	padding:0;
}
#content li{
background:url(../images/list-arrow.gif) 0 3px no-repeat;
padding-left:15px;
line-height:15px;
}
a{
	color:#000000;
}
a:hover{
	color:#228DE6;
}
.csc-textpic-caption{
color:#666666;
}
/*####################################################################################*/


/*################### typo3 elemente #################*/

.csc-mailform-field label{
	display:block;
}
.csc-mailform-field{
		margin-bottom:10px;

}
.csc-mailform-field input{
		margin-bottom:10px;
		border:1px solid #333333;
}
textarea{
	border:1px solid #333333;
	overflow:auto;
}
input[type="submit"]{
background-color:#3366FF;
background-image:url(../images/h1-bg.jpg);
color:#FFFFFF;
font-weight:bold;
}
/*##################################################*/