/*
Juni '07 lduelberg@netzpepper.de
*/

/* main body and html styles */
body {
	background-image: url(/fileadmin/sites/nwbsv/bilder/layout/hintergrund.jpg);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	font-size: 12px;
}
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	overflow: auto;
	overflow-x: hidden;
}
a {
	color: #fff;
}


/* zentrierung */
div#zentrierung {
	position: relative;
	width: 958px;
	height: 548px;	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-bottom: 0px;
	color: black;
	background-color:transparent;
	overflow:visible;
}

div#top {
	position:relative;
	width: 958px;
	height: 125px;
	top:51px;
	border: 3px solid #FFF;	
	background-repeat: no-repeat;
}

div#top div#flash{
	position:absolute;	
	right: 0px;
	top: 0px;
	width: 958px;
	height: 125px;	
}

div#top img#logo{
	position:absolute;
	top:0px;
	left:0px;
	height:125px;
	width:210px;
}

div#top div#logohintergrund{
	position:absolute;
	top:0px;
	left:0px;
	height:125px;
	width:210px;
	background-color:#FFFFFF;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}

div#quicknavi{
	position:absolute;
	height: 15px;
	top:610px;	
	padding:2px 0px 2px 0px;	
	right:0px;	
	overflow:hidden;
	background-color:transparent;
}

div#quicknavi a{
	font-size: 1.0em;
	font-weight:bold;
	color:#1213A1;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	text-align:right;
}

div#quicknavi a:hover{
	color:#B10840;
}

div#navi {
	position:absolute;
	left:0px;
	top:182px;	
	width:175px;
	height:353px;	
	padding-top: 70px;	
	background-color:#FFFFFF;
	border: 3px solid #1213A1;
	border-right:0px;
	background-repeat: no-repeat;	
	text-align:left;
}

div#navi a{
	font-size: 1.0em;
	font-weight:bold;
	display:block;
	color: #1213A1;
	text-decoration: none;
	padding: 0px 0px 0px 50px;
	line-height:22px;
}

div#navi a.aktiv{
	color: #B10840;
}

div#navi a:hover{
	color: #B10840;
}

div#navi2 a{
	padding: 0px 0px 0px 60px;
	color:#767676;
	display:block;
	text-decoration: none;
	list-style-type:none;
}


div#content{
	position:absolute;
	left: 178px;
	top: 182px;	
	width: 735px;	
	padding: 18px 24px 12px 24px;	
	border:3px solid #1213A1;
	border-left:0px;	
	color:black;	
	overflow:hidden;
	background-color:#FFFFFF; 
}


/*------------------------------------------
--------------------------------------------*/

div#contentbackground {
	width: 738px;
	height:393px;	
	background-color:transparent;
}

div#content div#inhaltmitte {
	height:387px;
	overflow:auto;
	border-left:20px solid #1213A1;
}

div#content div#inhaltmitte div#paddiv{
	margin: 0px 20px 0px 20px;
	

}

div#content div#inhaltrand {
	width: 155px;
	height:387px;
	overflow:hidden;	
	float: right;
	background-color: black;	
}


/*------------------------------------------
--------------------------------------------*/


div#content h1{
	font-size: 1.2em;
	margin-top: 8px;
	margin-bottom: 10px;
	padding:0;	
	
	text-transform: uppercase;
}

div#content h2{
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;	
	
	text-transform: uppercase;
}
div#content h3{
	font-size: 1.05em;
	margin-top: 3px;
	margin-bottom: 2px;
	padding:0;	
}
div#content h4{
	font-size: 1.00em;
	margin-top: 2px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h5{
	font-size: 1.00em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h6{
	font-size: 1.00em;
	margin-top: 1px;
	margin-bottom: 0px;
	padding:0;	
}

div#content a{
	color: #6A3C3E;
	color: #777;
	
	text-decoration: underline;
}

/* Verlinkte Bilder haben keinen Rahmen!*/
div#content img{
	border:0px solid black;
}

div#content p{
	margin: 0px 0px 12px 0px;
	padding:0;	
}

/*--------Template 2spalten-------
--------------------------------*/

div#2spalten_drumherum{
	position:relative;
	width:100%;
	background-color:orange;
}
div#links{
	float:left;
	width:57%;
	padding-right:10px;
}
div#rechts{
	float:left;
	width:37%;
	border-left:2px solid #592F31;
	padding-left:8px;
	margin-top:31px;
	margin-bottom:30px;
}


/************************************
	Kontaktformular
*************************************/

div#kontakt {
}

div#kontakt .bad{
	border:1px solid red;
}


div#kontakt input{
}


div#kontakt textarea{
	overflow: auto;
}

div#kontakt td {
	padding-top:4px;
}

div#kontakt td.col1 {
}
div#kontakt td.col2 {
	padding-left: 88px;
}

div#kontakt input.submit{
	color:#black;
	background-color: #5EA4B6;
	font-weight:bold;
}

td.align-center {
	text-align: center;
	}
td.align-left {
	text-align: left ;
	}
td.align-right {
	text-align: right ;
	}