/*  
	#############################
	#############################
###	CSS-Template
###	Baylar Architekt
###	8works,
###	Oliver Stiegler
###	Entwicklung: 14.04.2008
	#############################
	#############################
*/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-family:arial, helvetica, verdana;
	font-size:12px;
	background-color:#fff;
}
.AlRight{
	float:right;
}
*{
	margin:0;
	padding:0;
	border:0;
}

/* 
	###################################
	TEMPLATE - AUFBAU
	###################################
*/

#pagewidth{ 
	width:866px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background:url(/img/main_back.jpg) no-repeat 0 0;
	min-height:600px;
	height:auto !important;  /* für moderne Browser */
	height:600px;  /*für den IE */
} 
 
#header{
	position:relative; 
	height:288px; 
	width:100%;
}
#LogoTopNav{
	width:866px;
	height:73px;
}

#Logo{
	width:248px;
	padding-left:10px;
	float:left;
}

#TopSubNav{
	width:595px;
	margin-right:13px;
	float:left;
	text-align:right;
	padding-top:14px;
}

#PictureNav{
	width:866px;
	height:215px;
	display:block;
}

#TopNavPosition{
	top:186px;
	position:relative;
	padding-right:13px;
}

#leftcol{
	width:235px; 
	float:left; 
	position:relative;
	padding-left:10px;
}
 
#maincol{
	float: right; 
	display:inline; 
	position: relative; 
	width:608px;
	margin-right:13px;
}

#maincolAbstand{
	padding:30px 20px 20px 30px;
}

#footer{
	width:866px;
	height:50px;
	background:url(/img/footer.jpg) no-repeat 0 0;
	margin-bottom:50px;
}

/* 
	###################################
	MAINNAV TOP
	###################################
*/

#TopNav {
	width:100%;
	line-height:normal;
	font-weight:bold;
	padding-right:13px;
}
#TopNav ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	top:186px;
	right:13px;
}
#TopNav li {
	display:inline;
	margin:0;
	padding:0;
}
#TopNav a {
	float:left;
	background:url(/img/mainnav_back.jpg) no-repeat left top;
	margin:0;
	padding:0;
	text-decoration:none;
}
#TopNav a span {
	float:left;
	display:block;
	background:url(/img/mainnav_back.jpg) no-repeat right top;
	padding:7px 0 0 0;
	color:#FFF;
	width:152px;
	text-align:center;
	height:22px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#TopNav a span {float:none;}
/* End IE5-Mac hack */
#TopNav a:hover span {
	color:#FFF;
	
}
#TopNav a:hover {
	background-position:0% -29px;
	border:none;
}
#TopNav a.aktiv span {
	background-position:0% -29px;
	border:none;
}
#TopNav a:hover span {
	background-position:100% -29px;
	border:none;
	cursor:hand;
}

/* 
	###################################
	NAVIGATION LEFT
	###################################
*/

#leftcol ul {
	margin:0;
	padding:0;
	list-style-type:square;
	padding:69px 0 0 41px;
}
#leftcol li {
	margin:0;
	padding:0 0 9px 0;
	color:#1263AD;
}
#leftcol a {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
}
#leftcol a span {
	color:#575757;
	width:152px;
	text-align:left;
}

#leftcol a span.aktiv {
	color:#1263AD;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#leftcol a span {float:none;}
/* End IE5-Mac hack */
#leftcol a:hover span {
	color:#FFF;
	
}
#leftcol a:hover {
	border:none;
	
}
#leftcol a:hover span {
	border:none;
	color:#1263AD;
	cursor:hand;
}


/* 
	###################################
	CLEARFIX
	###################################
*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* 
	###################################
	PRINTER STYLE
	###################################
*/

@media print{ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}


/* 
	###################################
	DIES UND DAS
	###################################
*/

h1{
	color:#1263AD;
	font-size:22px;
	padding-bottom:15px;
}

h2{
	font-size:14px;
	color:#1263AD;
	padding-bottom:10px;
}

h3{
	color:#1263AD;
	font-size:12px;
	padding:0 0 15px 0;
	margin:0;
}

h4{
}

p{
	padding-bottom:20px;
	line-height:18px;
	clear:both;
}
/* ----- LISTS ----- */
ul {
	margin:0;
	padding:0;
	list-style-type:square;
	padding:5px 0 20px 25px;
}
li {
	margin:0;
	padding:0 0 5px 0;
}
li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

/* ----- IMAGES ----- */

#maincol img{
	float:left;
	border:1px solid #D3D3D3;
	padding:2px;
	margin: 0 10px 10px 0;
}
img a{
}
img a:hover{
}

/* ----- LINKS ----- */

a{
	text-decoration:none;
	color:#1263AD
}
a:hover{
	color:#575757;
	border-bottom:1px dotted #808080;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

/* ----- FORMS ----- */

form{
	
}
fieldset{
}
legend{
}
label{
	
}
input#email{
	
}

input#suche{
	
}

input#send{
	
}

input#search{
	
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- TABLES ----- */

table.table3d{
	margin-bottom:25px;
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}