/* Änderung 24.6.2009 */	
body,
html
{
	text-align: center;
	color:#333333;
	background:#3b3b3b;
	font-face: georgia,verdana,sans-serif;
	margin: 0 0;
}

* html img, * html div {
behavior: url(/wp-content/themes/woistsb/iepngfix.htc);
border: 0;
}
	
#wrap {
	width:1200px;
	text-align: left;
	margin: 0 auto;
	position: relative !important;
}


#header {
margin: 0;
padding: 0;
height: 230px;
background-image: url(img/sb_blog_header_bg.jpg);
background-repeat: no-repeat;
}

/* Änderung 24.6.2009 */
#navigation {
position: relative;
margin: 85px 0 0 480px;
}

#navigation img{
border: 0;
}

#home{
position: absolute;
left: 160px;
top: 0px;
}

img.home{
border: 0;
}

#scroller{
position: relative;
padding: 20px 0 0 663px;
width: 240px;
color: white;
}

#inhalt{
margin: 0;
padding: 0;
background-image: url(img/sb_blog_bg.jpg);
background-color: #999999;
background-repeat: no-repeat;
float: left;
}

#blog-main {
	float:left;
	width:665px;
	margin: 0;
	padding: 38px 0 0 0;
}


#blog-sidebar {
	float:right;
	width:535px;
	margin: 0;
	padding: 0;
}

#footer {
	clear:both;
	background-image: url(img/sb_blog_footer_bg.jpg);
	height: 208px;
	width: 1200px;
}
  
#footer_top{
padding-left:180px;
padding-top: 130px;
float: left;
}  

#footer_imp{
padding-left:230px;
padding-top: 130px;
float: left;
} 

#footer_daten{
padding-left:50px;
padding-top: 110px;
float: left;
} 

#footer_agb{
padding-left:30px;
padding-top: 110px;
float: left;
} 

#footer_nick{
padding-left:40px;
padding-top: 80px;
float: left;
}
  
* html #footer {
	height:1px;
	}
	
/* INHALTSELEMENTE */
	
#left{
float: left;
}	

#clr {
clear: left;
margin: 0;
}		
	
/* BLOG EINTRÄGE */	

.eintrag{
width: 498px;
margin: 0px 0px -5px 150px;
}	

.eintrag_header{
width: 513px;
background-image: url(img/blogbox_bg_header.png);
background-repeat: no-repeat;
margin:0;
min-height: 70px;
height: auto !important;
height: 70px;

}	

.eintrag_main{
width: 513px;
background-image: url(img/blogbox_bg_main.png);
background-repeat: repeat-y;
margin:0;
}	

.eintrag_footer{
width: 513px;
height:104px;
background-image: url(img/blogbox_bg_footer.png);
background-repeat: no-repeat;
margin:0;
}

.eintrag img{
margin: 15px 0;
border: 0;
}  

.imp_footer{
width: 513px;
height:93px;
background-image: url(img/imp_bg_footer.png);
background-repeat: no-repeat;
margin:0;
}
	
.blogdate{
padding: 12px 0 0 30px;
}

.blogtitle{
padding: 40px 0 0 40px;
width: 394px;
}

.blogtext{
padding: 5px 0 15px 40px;
width: 394px;
}

.blogcounter{
padding: 20px 0 0 35px;
text-align: center;
width: 50px;
float: left;
}

.blogcounter_2{
margin-left: -18px;
padding: 20px 0 0 0px;
text-align: center;
width: 150px;
float: left;
color: white;
}

.blogmedia{
margin: 10px 0 10px 0;
}

/* SIDEBAR GOOGLE MAPS */

#sidebar_gmaps{
width: 355px;
height: 522px;
background-image: url(img/gmaps_bgr.png);
background-repeat: no-repeat;
margin-top: 10px;
}	

#sbmap{
width: 258px;
height: 388px;
margin: 42px 0 0 46px;
}	

#gmaps_title{
padding: 42px 0 0 120px;
color: white;
}

/* SIDEBAR VIDEOS THUMBS */

#sidebar_videos{
width: 353px;
height: 182px;
background-image: url(img/videopreview_bgr.png);
background-repeat: no-repeat;
margin:0;
}	

#videos_preview{
width: 400px;
float: left;
}

#videos_title{
padding: 12px 0 0 140px;
color: white;
}

.videos_thumbs{
padding: 30px 0 0 10px;
float: left;
}



#videos_back{
margin: 65px 0 0 -3px;
float: left;
border: 0;
}

#videos_forward{
margin: 65px 0 0 6px;
float: left;
}

.videos_trenner{
width: 6px;
float: left;
}

.highlight_videos img{
border: 7px solid #999999;
}

.highlight_videos:hover img{
border: 7px solid #efd600;
}

.highlight_videos:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* SIDEBAR FOTOS THUMBS */

#sidebar_fotos{
width: 351px;
height: 314px;
background-image: url(img/fotopreview_bgr.png);
background-repeat: no-repeat;
margin:0;
}	

#fotos_preview{
width: 400px;
float: left;
}

#fotos_title{
padding: 12px 0 0 150px;
color: white;
}

#fotos_back{
margin: 107px 0 40px -3px;
float: left;
}

#fotos_forward{
margin: -30px 0 0 -8px;
float: left;
}

#fotos_row_01{
margin-top: 29px;
float: left;
width: 300px;
}

#fotos_row_02{
margin: 18px 0 0 0;
float: left;
width: 300px;
}

.fotos_thumbs{
padding: 0 0 0 9px;
float: left;
}

.fotos_trenner{
width: 3px;
float: left;
}
	
#download_pdf{
margin: 10px 0 10px 0;
}	

#form{
width: 498px;
margin: 0px 0px 5px 150px;
}		
	
#form_header{
width: 513px;
background-image: url(img/form_bg_header.png);
background-repeat: no-repeat;
margin:0;
min-height: 290px;
height: auto !important;
height: 290px;
}	

#form_main{
width: 513px;
background-image: url(img/form_bg_main.png);
background-repeat: repeat-y;
margin:0;
}	

#form_footer{
width: 513px;
height:75px;
background-image: url(img/form_bg_footer.png);
background-repeat: no-repeat;
margin:0;
}	

#form_fehler{
padding: 20px 0 12px 0;
}

#form_ok{
padding: 20px 0 12px 0;
}

#comment{
width: 498px;
margin: 0px 0px 5px 150px;
}



#comment_header{
width: 513px;
background-image: url(img/comments_bg_header.png);
background-repeat: no-repeat;
margin:0;
height: 89px;
}	

#comment_main{
width: 513px;
background-image: url(img/comments_bg_main.png);
background-repeat: repeat-y;
margin:0;
}	

#comment_form{
width: 513px;
height: 670px;
background-image: url(img/comments_bg_form.png);
background-repeat: repeat-y;
margin:0;
}	

.comment_count{
width: 32px;
background-image: url(img/comments_count.gif);
background-repeat: no-repeat;
margin: 6px 0 0 6px;
height: 33px;
}	

.comment_number{
color: white;
padding: 6px 0 0 0;
text-align: center;
font-weight: bold;
}	

.comment_name{
width: 300px;
padding: 8px 0 0 10px;
}	
	
.comment_date{
padding: 6px 0 0 1px;
width: 120px;
}

#comment_title{
padding: 10px 0 0 40px;
width: 394px;
}	

#thin{
font-weight: normal;
}

.roundcont {
	width: 440px;
	background-color: #cccccc;
	margin: 1px 0 10px 20px;
}

.roundcont p {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 10px 0 20px;
}

.roundtop { 
	background: url(img/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(img/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

	
	
/* FONT SIZES , IMAGES, A HREF + OTHERS */

	
h1 {
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin:0;
}

h1.white {
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin:0;
color: white;
}

h1.red {
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin:0;
color: red;
}
	
p {
font-size: 14px;
font-weight: bold;
line-height: 19px;
margin:0;
}

p.eins {
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin:0 0 20px 0;
}

h2 {
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin:0;
}

#footer img{
border: 0;
}

img.video{
border: 0px;
}

img.blog {
margin: 15px 0;
border: 0;
}

img.download {
padding: 15px;
border: 0;
background-color: #999999;
}

img.pfeil {
margin-left: -30px;
margin-top: 20px;
border: 0;
}

img.runterladen {
border: 0;
position: relative;
left: 20px;
top: -130px;
}

.grey{
color: #666666;
}

a.comment:link {text-decoration: underline; color: white;}
a.comment:visited {text-decoration: underline; color: white;}
a.comment:active {text-decoration: underline; color: white;}
a.comment:hover {text-decoration: underline; color: white;}

a:link {text-decoration: underline; color: #333333;}
a:visited {text-decoration: underline; color: #333333;}
a:active {text-decoration: underline; color: #333333;}
a:hover {text-decoration: underline; color: #333333;}

a.title:link {text-decoration: none; color: #333333;}
a.title:visited {text-decoration: none; color: #333333;}
a.title:active {text-decoration: none; color: #333333;}
a.title:hover {text-decoration: underline; color: #333333;}


/* seitenzähler */

#pagination{
text-align: center;
}

#tnt_pagination {
	
	display:block;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom: 20px;
	
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #878787;
	margin-left:10px;
	text-decoration:none;
	background-color:#999999;
	color:black;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:white;
	border:1px solid black;
	color:black;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #333333;
	margin-left:10px;
	text-decoration:none;
	background-color:black;
	color:white;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #878787;
	margin-left:10px;
	text-decoration:none;
	background-color:#999999;
	color:#878787;
	cursor:default;
}

/* formelemente */

form{
font-face: georgia,verdana,sans-serif;
font-weight: bold;
}

#contact-area {
	width: 410px;
	margin-top: -10px;
}

#contact-area input, #contact-area textarea {
	font-family: arial,verdana,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 120px;
	font-size: 14px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid black;
}

#contact-area input.submit-button {
	width: 146px;
	height: 45px;
	border: 0;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	padding-top: 5px;
	fon-weight: bold;
	font-size: 18px;
}


.formelement {
width: 400px;
padding: 5px;
}  

.formelement-error {
width: 400px;
padding: 5px;
border: 3px solid red;
}  

input.checkbox {
  width: 35px;
  height: 35px;
}  


#steckbrief{
margin: -150px 0 0 -10px;
}

#steckbrief td{
padding:0 0 5px 10px;
vertical-align:top;
}

#steckbrief_foto{
position: relative;
left: 280px;
top: -80px;
border: 0;
}

#steckbrief_count{
padding: 25px 0 75px 110px;
}

#pfeil_steckbrief{
float: left;
border: 0;
}

#fotos_count{
padding: 15px 0 0 125px;
}
