/*

*************** About  ***************
Site:                  Hoernlein & Feyler
Type:                  Master-CSS
Version:               2.0
Date:                  15.04.2011

*/




/* 
*************** Body    *************** 
*/
/* Basics */
html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* force scrollbars in moz */
height: 100%;
margin-bottom: 1px;
}

body {
background:             #fff;
margin:					27px 0 0 0;
padding:				0;
color:					#555;
font-family:            Verdana, Arial, Serif;
line-height:            1.5em;
font-size:              10px; /* WindoofIE5 */
voice-family:           "\"}\"";
voice-family:           inherit;
font-size:              10px; /* easyscale */
font-size:              0.76em;
text-align:             center;
}

body#hoernlein a#hoernleinnav, body#feyler a#feylernav, body#sitte a#sittenav, body#lindner a#lindnernav, body#schueler a#schuelernav, body#karl a#karlnav, body#albrecht a#albrechtnav {
background:             transparent url("images/nav_karte_active.gif") no-repeat;
color:             #399;
}

p, li {
margin:                 0.5em 0 0.7em;
line-height:            1.8em;
}



a, a:visited {
color:                  #399;
text-decoration:        underline;
background:             none; 
}

a:hover {
color:                  #399;
text-decoration:        none;
}

img {
border:                 none;
}

.hide {
display:                none;
}

.clear {
clear:                  both;
}

.alignleft {
float:                  left;
}

.alignright {
float:                  right;
}

.rightalign {
float:                  right;
margin:                 0 -5px 0 0;
}

.leftalign {
float:                  left;
margin:                 0 20px 0 -10px;
}

.center {
text-align:             center;
}
.under {
text-decoration: underline;
}

.rahmen {
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}



/* Forms */
input[type=text] {
padding:                 2px;
margin:                  5px 5px 1px 0;
border:                  1px #ccc solid;
background:              #fff;
color:                   #555;
width:                   200px;
}
textarea {
width:                   100%;
padding:                 2px;
margin:                  5px 0 0 0;
border:                  1px #ccc solid;
background:              #fff;
color:                   #555;
}
input[type=text]:focus, textarea:focus {
border:                  1px #333 solid;
color:                   #333;
}
input[type=submit], input[type=button] {
padding:                 2px;
border:                  1px #bbb solid;
color:                   #333;
background:              #ccc;
margin:                  5px 0 0 0;
}
input[type=submit]:hover, input[type=button]:hover {
border:                  1px #ccc solid;
background:              #bbb;
}
select {
width:                   205px;
padding:                 2px;
margin:                  5px 5px 1px 0;
border:                  1px #ccc solid;
background:              #fff;
color:                   #333;
}
label {
font-size:               0.9em;
}

#kontaktform p {
margin:                  5px 0;
}

/* 
*************** Typo    *************** 
*/
h1,h2,h3,h4,h5,h6 {
margin:                0;
padding:               0;
font-family:          'Verdana', sans-serif;
font-weight:           normal;
color:                 #333;
}

h2 {
line-height:           1.4em;
font-size:             1.6em;
border-bottom:         #ddd 1px solid;
}

h3 {
line-height:           1.1em;
font-size:             1.4em;
margin:                20px 0 0 0;
color:                 #699;
}

h4 {
line-height:           0.9em;
font-size:             1.3em;
}

h2 a, h3 a, h2 a:visited, h3 a:visited {
text-decoration: none;
}

/* 
*************** Header  *************** 
*/
#header {
background:            transparent;
margin:                0 0 0 33px! important;
margin:                0 0 0 5px;
padding:               0;
}
	
#header a {
/* !! Headerbild wird in der index definiert !! */
display:               block;
height:                220px! important;
height:                216px; /* nur fŸr den IE */
width:                 880px;
text-decoration:       none;
text-indent:           -2500px;
}

/* 
*************** Navbar *************** 
*/

/* Nav */
#nav_container {
background:           #fff url("images/navbar.png") no-repeat top;
width:                865px;
margin:                0 0 0 33px!important; 
margin:                0 0 0 17px;
padding: 0 15px 0 0;
float:                left;
clear: both;
display:               block;
}

#nav {
background:            transparent;
float: right;
text-align: center;
font-size:             0.8em;
font-weight:            bold;
padding:                0;
margin:                5px 0 18px 0;
}

#nav a, #nav a:visited {
border: none;
text-align:             center;
width:                  120px;
height:                 31px;
float:                  left;
margin:                 0 0 0 3px;
padding:                9px 0 0 0;
color:                  #fff;
text-decoration:        none;
background:             transparent url("images/nav_karte.gif") no-repeat;
}
#nav li a:hover {
background:             transparent url("images/nav_karte_mo.gif") no-repeat;
color:                  #444;
}
#nav li, #nav ul {
margin:                 0;
padding: 0;
display:                inline;
list-style-type:        none;
}


/* 
*************** Site    *************** 
*/

#wrapper-start {
background:             transparent url("images/wrapper-start.jpg") no-repeat;
width:                  945px;
height:                  28px;
padding:                0;
margin:                 0;
}

#wrapper {
background:             transparent url("images/wrapper.jpg") repeat-y;
width:                  945px;
voice-family:           "\"}\"";
voice-family:           inherit;
padding:                0;
margin:                 0 auto;
text-align:             center;
position:               absolute;
left:                   50%;
top:                    40px;
margin:                 0 0 0 -472.5px;
}

#wrapper-end {
background:             transparent url("images/wrapper-end.jpg") no-repeat top;
width:                  945px;
height:                 60px;
padding:                0;
margin:                 0;
clear: both;
}
	
#alertcontainer {
background:             #fff;
width:                  648px;
margin:                 0;
padding:                10px 0 10px 0;
clear: both;
}
.alert_success {
background:             #FFF6BF;
border-top:             2px solid #FFD324;
border-bottom:          2px solid #FFD324;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}


#content {
text-align:             left;
margin:                 0;
padding:                0;
width:                  649px;
float:                  left;
background:             transparent;
}

#content h2 a, #content h3 a, #content_small h2 a, #content_small h3 a {
text-decoration: none;
color: #399;
}
#content h2 a:hover, #content h3 a:hover, #content_small h2 a:hover, #content_small h3 a:hover {
color: #333;
}

#content_news h2 a, #content_news h3 a {
text-decoration: none;
color: #333;
}
#content_news h2 a:hover,#content_news h3 a:hover {
color: #399;
}

#content_small {
text-align:             left;
margin:                 0;
padding:                0;
width:                  429px;
float:                  left;
background:             transparent;
}
#content_news {
text-align:             left;
margin:                 0 20px 20px 20px;
padding:                0;
width:                  205px;
float:                  left;
background:             transparent;
}

.content_highlight {
background:             #FFF6BF;
border-top:             2px solid #FFD324;
border-bottom:          2px solid #FFD324;
text-align:             center;
margin:                 20px 0 0 0;
padding:                5px 20px;
}

#content_news h2 {
line-height:           1.3em;
font-size:             1.2em;
background:            transparent url("images/h2-back.jpg") repeat;
padding:               3px 0 3px 5px;
margin:                20px 0 0 0;
border:                none;
}
#content_news h3 {
line-height:           1.0em;
font-size:             1.0em;
font-weight:           bold;
margin:                10px 5px 0 5px;
color:                 #333;
}
#content_news p {
line-height:           1.6em;
text-align:            left;
font-size:             0.9em;
padding:               0 5px 0 5px;
}

#content_news ul {
list-style:            none;
margin:                0;
padding:               0 5px 0 5px;
line-height:           1.6em;
text-align:             left;
font-size:            0.9em;
}

#content_news .small {
color:                 #999;
line-height:           0.9em;
text-align:             left;
font-size:            0.8em;
}

#content_news form {
margin: 5px 0 10px 5px;
padding: 0;
}

#content p, #content_small p {
text-align:             left;
}

#content hr, #content_small hr {
margin:                 0;
padding:                0;
height:                 20px;
background:             #fff;
border:                 0;
}

#content ul, #content_small ul {
list-style:             square;
margin:                 0 0 20px 15px;
padding:                0;
}


#content ul li, #content_small ul li {
margin:                 0 0 2px 0;
padding:                0;
}

.content-loop {
text-align:             left;
margin:                 0;
padding:                0;
width:                  649px;
float:                  left;
clear: both;
background:             transparent;
}
.content-loop p {
line-height:           1.6em;
text-align:            left;
padding:               0;
}

#content .content-loop ul {
list-style:             none;
}
#content .content-loop ul li {
margin:                 0 0 2px 0! important;
margin:                 0 0 6px 0;
padding:                0;
}

#content_anwaelte {
/* !! Background wird in der Seite definiert !! */
margin: 10px 0 8px 0;
padding: 120px 0 0 0! important;
padding: 140px 0 0 0;
height: 318px! important;
height: 298px;
width: 655px;
}

#footer {
text-transform:         uppercase;
color:                  #bbb;
background:             #fff;
font-size:              0.9em;
margin:                0 0 0 33px!important; 
margin:                0 0 0 17px; /* nur fŸr den IE */
padding:                20px 0 0 0;
float:                  left;
width:                  880px;
clear:                  both;
}
#footer-left {
float:                  left;
background:             transparent;
margin:                 0;
padding:                0;
}
#footer-right {
float:                  right;
background:             transparent;
margin:                 0;
padding:                0;
}

#footer-left p, #footer-right p {
margin:                 0;
padding:                0;
}
#footer-left a, #footer-right a {
font-weight:            normal;
color:                  #bbb;
text-decoration:        none;
border:                 none;
}
#footer-left a:hover, #footer-right a:hover {
text-decoration:        underline;
color:                  #bbb;
background:             none;
}


#sidebar {
font-weight:            normal;
text-align:             left;
background:             transparent;
float:                  left;
width:                  206px;
padding:                0;
margin:                0 20px 0 33px!important; 
margin:                0 20px 0 17px; /* nur fŸr den IE */
}
#sidebar p {
line-height:           1.4em;
text-align:             left;
font-size:            0.9em;
margin:               10px 0 10px 10px;
padding:              0 5px 0 5px;
}

#sidebar ul {
list-style:            none;
}

#sidebar h2 {
line-height:           1.3em;
font-size:             1.2em;
border-bottom:         none;
margin:                10px 10px 0 10px;
background:            #ccc;
padding:               3px 0 3px 5px;
}

#sidebar form, #sidebar .block, #sidebar ul {
margin:               0;
padding:              1em;
font-size:            0.9em;
}

#sidebar ul ul {
margin:              0;
padding:             0;	
}

#sidebar ul li {
background : transparent;
	text-decoration: none;
	border-bottom : 1px solid #ccc;
	display : block;
	line-height: 20px;
	margin: 0; 
	padding: 4px 0 4px 5px; 
}

#sidebar ul li ul li {
background : transparent;
	text-decoration: none; 
	display : block;
	line-height: 20px;
	margin: 0; 
	padding: 2px 0 2px 5px; 
		border-bottom : none;
}

#sidebar a, #sidebar a:visited {
color:             #444;
text-decoration:   none;
}
#sidebar a:hover {
color:             #399;
text-decoration:   none;
}

#sidebar p a, #sidebar p a:visited {
color:             #399;
text-decoration:   none;
}
#sidebar p a:hover {
text-decoration:   underline;
}


#sidebar ul li.normal:hover {
background:         #eee;
cursor:             pointer;
}

#sidebar ul li .active:hover {
background : transparent;
}

#sidebar ul li ul li:hover {
color:             #fc0000;
background : transparent;
}

#sidebar ul li {
font-weight:       bold;
}

#sidebar ul ul li {
font-weight:       normal;
}


#sidebar ul ul {
margin:           5px 0 5px 5px;
font-size:        1em;
}
#sidebar ul ul ul {
margin:           5px 0 5px 5px;
font-size:        1em;
}
#sidebar form p {
margin: 0;
padding: 0;
}


/* Google Maps */
#map {
font-size: 11px;
width: 655px;
height: 325px;
margin: 20px 0 20px 0;
}

/* Blog */
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
/* Begin Comments*/
#content .alt {
	margin: 0;
	padding: 10px;
	}

#content .commentlist {
	padding: 0;
	text-align: justify;
	}

#content .commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
#content .commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

#content .commentlist p {
	margin: 10px 5px 10px 0;
}
#content .children { padding: 0; }

#content #commentform p {
	margin: 5px 0;
	}

#content .nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

#content .commentmetadata {
	margin: 0;
	display: block;
	}
	
	
	.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}

.commentlist li ul li {
	font-size: 1em;
} 

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}


.commentmetadata {
	font-weight: normal;
	}
/* End Comments */

.postmetadata {
	clear: both;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
	/*lightbox*/
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* SL */
.menu_img
{
   cursor:pointer;
}