/* Browser Resetter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{margin:0;padding:0;border:0;outline:0;}
ul,li{list-style:none;}
img{float: left;}
a{outline: none; text-decoration:none; color: #CC0000;}
a:hover{outline: none; text-decoration:none; color: #F3CA0B;}

input{font-family: Arial; font-size:12px; border-style: solid; border-width: 1px; border-color:gray; color:#666666;}
submit {font-family: Arial; font-size:12px; border-style: solid; border-width: 1px; border-color:gray; color:#666666;}
textarea{font-family: Arial; font-size:12px; border-style: solid; border-width: 1px; border-color:gray; color:#666666;}


/* General body layout */
body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background-color: #000;
}

#top-wrap{
  width:100%;
  float:left;
  background: repeat-x top;
}

#body-wrap{
  width:100%;
  float:left;
  background: #DDE6FB;
}

/* Layout styles */
#header-wrap{
  width:100%;
  height: 126px;
  float:left;
  border-bottom:0px solid #1f2020;
}

#header{
  width:992px;
  height:126px;
  float: none;
  margin:0 auto;
  position:relative;
  background-color:#000;
}

h1{
	width:100%;
	float:left;
	font-size:21px;
	font-weight:bold;
	margin: 5px 0px 6px 0px; 
}

h3{
	color: #cc0000;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 400px;
left: 800px;
text-align: center;
text-indent:0px;
margin-top: 0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* stylin navigation content */
div.menu{
	min-width:980px;
	float:left;
	display:block;
}
div.menu img.left{
	float:left;
}
div.menu img.right{
	float:left;
}
ul.nav{
  min-width: 900px;
  float:left;
  display:block;
  padding-left:0px;
  padding-right:0px;
  background:url(images/menu_bg.png) repeat-x;
}
ul.nav li{
  float: left;
  width:auto;
  margin-right: 1px;
  background: url(images/nav-bg.png) repeat-x;
}
ul.nav li a{
  float:left;
  font-size: 12px;
  font-weight: bold;
  color:#b6b6b6;
  padding:13px 30px 15px 30px;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  background: url(images/nav-hover.png) repeat-x;
}

/* stylin banner content #0f0f0f url(images/banner_bg.png) no-repeat center center*/
div.middle-wrap{
	width:100%;
	height:250px;
	float:left;
	background:#191919;
}

div.banner{
	width:992px;
	float:none;
	margin:0 auto;
	position:relative;	
}

img.bsp-logo{

}

.leftContent{
	width:297px;
	height:250px;
	float:left;
	margin:0px 23px 0 15px;
	
}
/*
.leftContent blockquote{
    width:236px;
	float:left;
	display:block;
	padding:22px 0px 0 0;
	font-size:16px;
	line-height:27px;
	color:#fff;
	margin:25px 0 0 29px;
	background:url(images/q-top.png) no-repeat top left;
}*/
.leftContent blockquote span{
	clear:both;
	display:block;
	float:right;
	width:21px;
	height:21px;
	padding-top:25px;
	margin:10px 10px 0 25px;
	padding:0px; 
	margin-top:0px;
	background:url(images/q-bot.png) no-repeat left;
}

div.rightContent{
	width:573px;
	height:250px;
	float:left;
	display:block;
	padding:0px 38px;
	margin:0px 0 0 0;
	background:url(images/slider_bg.png) 34px 20px no-repeat;
}

/* slider content starts here */

#slider{
	display:block;
	width:573px;
	height:225px;
	float:left;
	position:relative;
	overflow:hidden;
	top:0px;
	left:0px;
}
#slider ul{
	width:573px;
	height:225px;
	float:left;
	position:absolute;
	overflow:hidden;
	}
#slider li{
	display:inline;
	width:573px;
	height:225px;
	float:left;
	position:relative;
	}
#prevBtn, #nextBtn{
	display:block;
	text-indent:-8000px;
	width:16px;
	height:32px;
	float:left;
	position:absolute;
	left:354px;
	top:104px;
	visibility: hidden;
	}
#nextBtn{
	left:950px;
	top:144px;
	visibility: hidden;
	}
#prevBtn a, #nextBtn a{
	display:block;
	width:16px;
	height:32px;
	float:left;
	position:relative;
	background: url(images/slide-left.png) no-repeat 0 0;
	}
#prevBtn a{
	display:block;
}
#nextBtn a{
	display:block;
	top:-40px;
	background: url(images/slide-right.png) no-repeat 0 0;
	}
	
#slider ul li img.slider{
	margin:24px 0 0 0px;
}

/* stylin main body content */
#content-wrap{
  width:992px;
  float:none;
  margin:0 auto; 
  padding-bottom:33px;
}
#content-wrap h2{
	width:100%;
	float:left;
	font-size:21px;
	font-weight:bold;
	padding-bottom:20px;
}

div.inner-wrap{
	width:972px;
	float:left;
	padding:26px 8px 0px 12px;
	margin-bottom:26px;
	border-bottom:1px solid #e5e5e5;
}

/* stylin leftPan content */
.leftPan{
	width:631px;
	float:left;
	margin-right:49px;
}
.innerLeft{
	width:630px;
	float:left;
	margin:0 45px 0 0;
}
#content-wrap .innerLeft img{
	margin:0 15px 27px 0;
}
#content-wrap .innerLeft p{
	width: 630px;
	clear: both;
	font-size: 16px;
	color:#727272;
	line-height:21px;
	padding-bottom:20px;
}
.innerLeft p a.more{
	font-size:16px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}

/* stylin rightside content */
.rightPan{
	width:292px;
	float:left;
}
.rightPan img{
	margin:0 0 26px 0;
}
.rightPan p{
	width: 285px;
	float:left;
	font-size:16px;
	color:#727272;
	line-height:21px;
	padding-bottom:20px;
}
.rightPan p a.more{
	font-size:16px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}

/* stylin bottom content */
div.botomContainer{
	width:971px;
	float:left;
	padding:0 11px 26px 10px;
}

div.lowerLeft{
	width:630px;
	float:left;
	margin-right:49px;
}
div.lowerLeft h2{
	width:630px;
	float:left;
}
div.lowerLeft p{
	width:601px;
	float:left;
	font-size:16px;
	color:#727272;
	line-height:21px;
	padding-bottom:22px;
	padding-bottom:20px;
}

ul.list1{
	margin-right:79px;
}
ul.list1,ul.list2{
	width:245px;
	float:left;
	display:block;
}
ul.list1 li,ul.list2 li{
	width:224px;
	float:left;
	display:block;
	padding-left:19px;
	background:url(images/bullet.png) no-repeat left;
}
ul.list1 li ,ul.list2 li {
	font-size:14px;
	line-height:27px;
	color:#727272;
	padding-left:20px;
}

/* stylin lower right content */
.lowerRight{
	width:291px;
	float:left;
}

.lowerRight h2{
	width:291px;
	float:left;
}
.lowerRight p{
	width:291px;
	float:left;
	display:block;
	font-size:14px;
	color:#595959;
	line-height:21px;
	padding-bottom:20px;
}
.lowerRight p a{
	color:#289cde;
	text-decoration:underline;
}
.lowerRight p a:hover{
	text-decoration:none;
}

/* stylin footer content */
#footer-wrap{
  clear:both;
  width:100%;
  float:left;
  background:#0f0f0f url(images/footer-wrap.png) repeat-x;
  color:#727272;
}

#footer{
  width:970px;
  height:64px;
  float:none;
  margin:0 auto;
  padding-top:20px;
}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#727272;
	line-height:21px;
}
/* stylin signature content */
p.sign{
	width:180px;
	float:right;
	margin:7px 47px 0 0;
	font-size:11px;
	color:#727272;
	font-style:italic;
	font-weight:bold;
}
p.sign a{
	font-size:11px;
	color:#727272;
	font-style:italic;
	font-weight:normal;
    text-decoration:underline;
}
p.sign a:hover{
  text-decoration:none;
}

/* stylin footer navigation content */
ul.footNav{
	clear:left;
	min-width:260px;
	float:left;
}
ul.footNav li{
	float:left;
	color:#727272;
	line-height:21px;
}
ul.footNav li a{
	float:left;
	padding:0px 4px;
	font-size:11px;
	color:#727272;
}

/* #####################################
######### Stylin Inner Pages ##########
#################################### */

/* About us page */
.leftPan p{
	width:623px;
	float:left;
	font-size:16px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}


.leftPan p a{
	outline: none; 
	text-decoration:none; 
	color: #CC0000;
}

.leftPan p a:hover{
	outline: none; 
	text-decoration:none; 
	color: #F3CA0B;
}
/* stylin contact us page */
.leftPan img.map{
	float:left;
	margin:0 0 20px 0;
}

/* stylin blog page content */
 ul.blog p.csc-header-date{
	padding-bottom: 10px;
}

 ul.blog p{
	padding-bottom: 20px;
}

 ul.blog{
	display:block;
	width:100%;
	float:left;
}
 ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:10px;
}
 ul.blog li h1{
	font-size:21px;
	color:#494949;
	line-height:21px;
	padding:0px 0px 10px 0;
}
 ul.blog li img{
	margin:10px 9px 10px 0;
}
 ul.blog li p a{
	outline: none; 
	text-decoration:none; 
	color: #CC0000;
}
 ul.blog li p a:hover{
	outline: none; 
	text-decoration:none; 
	color: #F3CA0B;
}
 ul.blog li p.date, ul.blog li p.post, ul.blog li p.comments{
	padding:0 0 9px 0;
}
 ul.blog li a.more{
	width:80px;
	float:left;
	font-size:12px;
	color:#cc0000;
	text-align:left;
	padding:0px;
	margin:0px;
	font-style:italic;
}
 ul.blog li a.more:hover{
	display:block;
	width:80px;
	float:left;
	color:#cc0000;
	text-decoration:underline
}

ol {
	list-style-type:decimal;
	font-size:14px;
	line-height:27px;
	color:#727272;
	padding-left:20px;
}


/*sitemap*/
DIV#sitemap {
   padding: 0em 0em;
   line-height: 20px;
   margin: 20px 0 0 30px;
   
   }  
DIV#sitemap a{
   text-decoration: none;
   } 
    
DIV#sitemap li{
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap li{
   background: url(images/ul/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap li.first {
   padding: 0;
   background: url(images/ul/xxxextm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap li.last {
   background: url(images/ul/exlm.gif)
               no-repeat
               0% 0%;
   }

DIV#sitemap a.file {
   background: url(images/ul/exfilebw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   }
DIV#sitemap a.file:hover {
   background: url(images/ul/exfilecolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   text-decoration: underline;
   }
DIV#sitemap a.folder {
   background: url(images/ul/exfolderbw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   }
DIV#sitemap a.folder:hover {
   background: url(images/ul/exfoldercolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   text-decoration: underline;
   }

DIV#sitemap ul {
   padding: 0 0 0 0px;
   margin: 0 0 0 0px;
   list-style-type: none;
   }
DIV#sitemap ul{
   background: url(images/ul/xxxexim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap ul.last {
   background-image: none;
   }

.csc-bulletlist{
	margin-top: 0px;
	padding: 15px;
}

/**Tabellen */
   
table.bodensee {float: left; font-size:12px; width:100%; margin:0 0 1em 0; border-collapse:collapse; empty-cells:show;}
table.bodensee caption {text-align:left; font-weight:bold; color:#CC0000; margin-bottom:5px;}
table.bodensee th {text-align:left; height:21px; background: url(images/thead.png) repeat-x; color:white; padding:2px 7px 2px 7px; border-left:solid 2px #E8EEFC; border-right:solid 2px #E8EEFC; border-top:solid 2px #E8EEFC; border-bottom:solid 2px #E8EEFC;}
table.bodensee tr.tr-odd {background: #eee;}
table.bodensee tr.tr-even {background: #e3e3e3;}
table.bodensee td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px #E8EEFC; border-right:solid 2px #E8EEFC; border-top:solid 2px #E8EEFC; border-bottom:solid 2px #E8EEFC; text-align:left; font-weight:normal}
  

/* Guestbook */

/* Vorname Name*/
 #content-wrap .tx-veguestbook-pi1 h2.tx-guestbook-header{
		width:590px;
		height:25px;
		padding: 10px 0 10px 10px;
		background: #C10000;

}
fieldset { 
		width:590px;
		float: left;
		color: #595959;
		margin-bottom: 20px;
} 

 /*.tx-veguestbook-pi1 {
 		font-family:tahoma;
		font-size:11px;
		color:#916964;
		text-decoration:none;
		font-weight:normal;
		padding-top:5px;
		padding-left:1px;
		text-align: justify;
		margin-right: 15px;
 }*/
 
 /*Email und Website*/
.tx-veguestbook-pi1 .tx-guestbook-left{
		 float:none;
		 width:590px;
		 background:none;
		 border-bottom: 1px dashed gray;
 }

 /*Datum*/
.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date{
padding-bottom: 15px;
}

/* Einträge*/
.tx-veguestbook-pi1 .tx-guestbook-latest p, .tx-veguestbook-pi1 .tx-guestbook-right p{
		
		float:left;
		width:590px;
		color: #595959;
}

 /*Einträge*/
.tx-veguestbook-pi1 .tx-guestbook-right{
 float:none;
 width:590px;
 padding: 0;
}


/*Seitennavi für Einträge*/
.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size: 100%;
		margin-right: 20px;
}
/*
 legend{
		font-family:tahoma;
		font-size:11px;
		color:#666666;
		text-decoration:none;
		font-weight:normal;
}
*/

.tx-veguestbook-pi1 ul{
		padding-left: 10px;
		color: #CC0000;
}

.tx-veguestbook-pi1 .tx-guestbook-field   {
		padding: 0px;
}

div.tx-guestbook-field label{
		float: left;
		margin-top: 10px;
		width:100px;
}


.tx-guestbook-submit{margin-left: 10em;}


.tx-veguestbook-pi1 .tx-guestbook-field  input.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1px; border-color:gray; color:#666666; width:350px; margin-top: 10px;}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea { border-style: solid; border-width: 1px; border-color:gray;  color:#666666; width:350px; margin-top: 10px;}

.tx-veguestbook-pi1 p.tx-guestbook-form-error { color: #CC0000; width: 590px; float: none;}