/*

*************** About  ***************
Site:                  BID-Coburg
Author:                proforum GmbH - www.proforum-online.de
Type:                  Master-CSS
Version:               2.0
Date:                  27.07.2009

*/




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


body {
/* Backround definiert in index */
color:                 #333;
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;
margin:                 0;
text-align:             center;
}

/* Submenu */
body#kundenportal a#kundenportalnav, body#schuldnerportal a#schuldnerportalnav, body#kunde-werden a#kunde-werdennav {
background: transparent url("images/submenu-mouseover.jpg") top repeat-x;
color: #fff;
}

/* Menu */
body#home a#homenav, body#news a#newsnav, body#ueber-uns a#ueber-unsnav, body#karriere a#karrierenav, body#links a#linksnav,body#presse a#pressenav {
color:                    #4886c1;
background:               #fff url("images/menu-active.jpg") top no-repeat;
}

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


a, a:visited {
	color: #336caf;
	font-weight: bold;
	text-decoration: underline;
	}
	
a:hover{
	color: #333;
	background: none;
	text-decoration: none;
	}
	a img {
border:                 none;
}

.alignright {
text-align:               right;
float:                    right;
}
.alignleft {
text-align:               left;
float:                    left;
}
.aligncenter {
text-align:               center;
}


.hide {
display: none;
}

.clear {
clear: both;
}

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

h2 {
line-height:           1.1em;
font-size:             1.3em;
}

h3 {
line-height:           1.0em;
font-size:             1.2em;
margin:                20px 0 0 0;
}

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

h3 a {
text-decoration: none;
}

h2 a, h2 a:visited {
	color: #222;
	font-weight:           normal;
	text-decoration: underline;
}

h2 a:hover {
text-decoration: none;
}

.small {
font-size: 0.9em;
}

blockquote{
	margin: 0 0 10px 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #ccc;
	}


/* Forms */
form {
padding:                 0;
margin:                  0;
}
.textfeld, .passwort {
width:                   250px;
font-size:               1em;
padding:                 3px;
margin:                  5px 10px 0 0;
border:                  1px #ddd solid;
background:              #f1f1f1;
color:                   #444;
}
textarea {
padding:                 2px;
width:                   500px;
margin:                  5px 0 0 0;
font-size:               1.1em;
border:                  1px #ddd solid;
background:              #f1f1f1;
color:                   #444;
}
.textfeld:focus, .passwort:focus, textarea:focus {
border:                  1px #ddd solid;
background:              #fff;
color:                   #333;
}
.submit {
font-size:               1em;
padding:                 2px;
border:                  1px #bbb solid;
background:              #ccc;
color:                   #333;
margin:                  0;
}
.submit:hover {
border:                  1px #ccc solid;
background:              #bbb;
}
.disabled {
font-size:               1em;
padding:                 2px;
border:                  1px #bbb solid;
background:              #ccc;
color:                   #999;
margin:                  0;
}

.checkÊ{
border:                  1px #ddd solid;
background:              #f1f1f1;
color:                   #444;
padding: 0;
margin: 0 20px 0 0;
}
.radioÊ{
background:              transparent;
color:                   #444;
padding: 0;
margin: 0 20px 0 0;
}

legend {
margin: 0 5px 0 20px! important;
margin: 0 5px 5px 20px;
color:  #666;
font-size: 0.9em;
}
fieldset {
padding: 10px 10px 10px 0;
margin: 0 20px 10px 20px;
border: 1px solid #f1f1f1;
}
label {
font-size:               1em;
}
.under {
text-decoration: underline;
}

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

.rahmenright {
margin:                   0 0 10px 10px;
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}

.rahmenleft {
margin:                   0 10px 10px 0;
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}

#kundewerdenform p, #kundenportalform p, #schuldnerportalform p, #commentform {
padding: 0;
margin: 0;
}


.select {
width:                   258px;
padding:                 3px;
margin:                  5px 10px 0 0;
font-size:               1em;
border:                  1px #ddd solid;
background:              #f1f1f1;
color:                   #444;
}

label {
font-size:               11px;
}

#alertcontainer {
background:             transparent;
width:                  575px;
margin:                 0 20px 20px 20px! important;
margin:                 0 0 20px 10px;
padding:                0;
float:                  left;
clear: both;
}
.alert_success {
background:             #cfc;
border-top:             2px solid #9f9;
border-bottom:          2px solid #9f9;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}
.alert_error {
background:             #fcc;
border-top:             2px solid #f99;
border-bottom:          2px solid #f99;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}
.alert_info {
background:             #FFF6BF;
border-top:             2px solid #FFD324;
border-bottom:          2px solid #FFD324;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}

#wrapper {
background: transparent url("images/wrapper-back.jpg") repeat-y;
	width: 950px;
	text-align: left; 
	margin: 0 auto 0 auto;
	display: block;
	clear: both;
	}

* html #wrapper { width: 950px } /* IE hack */


#topstripe {
font-size:             0.9em;
margin:                0 25px 0 25px;
padding:               0 20px 0 20px;
width:                 860px;
height:                33px;
background:            transparent url("images/topstripe.jpg") repeat-x;
}
#topstripe .right {
float: right;
text-align: right;
margin: 3px 0 5px 0;
padding: 0;
}
#topstripe .left {
float: left;
text-align: left;
margin: 3px 0 5px 0;
padding: 0;
}
#topstripe .right p, #topstripe .left p {
color: #fff;
margin: 0;
padding: 2px 0 2px 0;
}
#topstripe a, #topstripe a:visited {
font-weight: normal;
color: #fff;
text-decoration: none;
}
#topstripe a:hover {
text-decoration: underline;
}
#topstripe a img, #teaser-fahnen a img {
margin: 1px 0 1px 0;
padding: 2px;
}
#topstripe span img {
border: 2px solid #fff;
margin: 1px 0 1px 0;
padding: 0;
}

#teaser-fahnen span img {
border: 2px solid #ccc;
margin: 1px 0 1px 0;
padding: 0;
}

#teaser-fahnen {
text-align: right;
margin:                0 auto;
padding:               0;
top:                   180px;
right:                  50%;
margin:                 0 -459px 0 0;
position:              absolute;
width:                80px;
height:                33px;
background:            transparent;
}



#header { 
	width: 900px;
	height: 93px;
	text-align: left;
	margin: 0 auto 0 auto! important;
	margin: 0 auto -4px auto;
	padding: 0;
	}
	
#header a {
	width: 900px;
	height: 93px;
background:            #fff url("images/header.jpg") no-repeat left;
display:               block;
text-decoration:       none;
text-indent:           -2500px;
}

#header-teaser a {
	width: 276px;
	height: 98px;
background:            #fff url("images/header-teaser.jpg") no-repeat;
display:               block;
text-decoration:       none;
text-indent:           -2500px;
}

#header-teaser { 
	width: 900px;
	height: 98px;
	text-align: left; 
	margin: 115px auto 9px auto! important;
	margin: 80px auto 6px auto;
	padding: 0;
	}

#submenu {
margin:                0 auto;
padding:               0;
top:                   90px;
right:                  50%;
margin:                 0 -430px 0 0;
position:              absolute;
width:                 520px;
height:                30px;
background:            transparent;
}
#submenu ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
}
#submenu li {
float: left;
margin: 0;
	}
	
#submenu ul li a {
text-align: center;
color: #fff;
height: 30px;
font-size: 0.9em;
line-height: 32px;
margin: 0 0 0 4px;
float: left;
width: 156px;
display: block;
	background: transparent url("images/submenu-static.jpg") top repeat-x;
	text-decoration: none;
	}

#submenu ul li a:hover {
	background: transparent url("images/submenu-mouseover.jpg") top repeat-x;
color: #fff;
	}
#submenu ul li a:active {
	background: transparent url("images/submenu-mouseover.jpg") top repeat-x;
color: #fff;
	}

#menu { 
	width: 900px;
	background: #fff url("images/menu-back.jpg") top repeat;
	height: 49px;
	color: #777;
font-size:             0.9em;
	text-transform: uppercase;
	text-align: center;
margin:                0 25px 0 25px;
padding: 0;
display: block;
	}
		
#menu ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
	}
	
	#menu li {
float: left;
margin: 0;
	}
	
#menu ul li a {
font-weight: normal;
color: #666;
height: 49px;
line-height: 49px;
float: left;
width: 102px;
display: block;
	background: transparent url("images/menu-static.jpg") top repeat;
	text-decoration: none;
	}

#menu ul li a:hover {
	background: transparent url("images/menu-mouseover.jpg") top repeat;
color: #333;
	}
#menu ul li a:active {
	background: transparent url("images/menu-active.jpg") top no-repeat;
color: #4886c1;
	}
	


#center {
background: transparent url("images/center-back.jpg") top no-repeat;
	width: 900px;
	margin: 0 25px 0 25px;
	height: 108px;
	padding: 0;
	}
	
	#slogan {
		width: 275px;
	padding: 0;
	margin: 0;
		float: left;
	}
	
	#slogan p{
	font: 1.5em "georgia", Times New Roman, Sans-Serif;
	font-style: italic;
	color: #fff;
    padding: 60px 0 0 20px;
	}
	
	#foto {
	 width: 614px;
	height: 108px;
	padding: 0;
	margin: 0;
	text-align: right;
	float: right;
}
#foto form {
margin: 0;
padding: 0;
}
#foto p {
margin-top: 130px;
color: #fff;
}

.topline_left {
text-align: left;
float: left;
clear:                  right;
width: 728px;
padding: 0;
margin: 0 0 15px 15px;
}
.topline_right {
text-align: right;
float: right;
width: 150px;
padding: 0;
margin: 0 50px 15px 0;
}
.topline_right p, .topline_left p {
padding: 0;
margin: 0;
}

.breadcrumb {
font-size: 0.9em;
}
.breadcrumb a,.breadcrumb a:visited {
color: #333;
font-weight: normal;
}
.breadcrumb a:hover {
text-decoration: none;
}

#content { 
border-left: 1px solid #fff;
	background: transparent;
	width: 613px;
	float: left !important;
	padding: 0 0 20px 0;
	}
#content p {
	margin: 0 20px 0 20px;
	padding: 0 0 10px 0;
	}


#content h2 {
	color: #333;
	background: #ddd;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 20px;
	}

#content h3 {
	font-weight: normal! important;
	font-weight: bold;
border-bottom: #ddd 2px solid;
padding: 0 0 4px 0;
margin:                20px 20px 10px 20px;
	color: #4886c1;
	}
#content h3 a  {
	color: #333;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #333;
	background: #fff;
	text-decoration: underline;
	}
	
	#content h4 {
	font-weight: bold;
	color: #666;
margin:                0 20px 8px 20px;
	}

#content ul {
	list-style: square;
	margin: 0;
	padding: 0 8px 10px 45px;
	}
	
#content li {
	margin: 0;
	padding: 0;
	}
	
#content ul li {
	margin: 0;
	padding: 5px 0 0 0;
	}

#content ul li div {
	margin: 0;
	padding: 5px 0 0 0;
	}



#sidebar { 
color: #444;
background:   transparent;
	width: 286px! important;
	width: 285px;
	float: left! important;
	position: relative;
	clear: left;
	padding: 0;
	margin: 0 0 0 25px! important;
	margin: 0 0 0 13px;
	}
#sidebar p {
    font-size: 0.9em;
    line-height: 1.6em;
	margin: 0 10px 20px 20px;
	padding: 0;
	}

#sidebar h3 {
	font-weight: normal! important;
	font-weight: bold;
line-height:           1.1em;
font-size:             1.2em;
margin:                20px 20px 5px 20px;
padding: 0 0 4px 0;
border-bottom: 2px solid #fff;
}

#sidebar h4 {
	font-weight: normal! important;
	font-weight: bold;
line-height:           1.0em;
font-size:             1.1em;
margin:                20px 0 5px 20px;
}

#sidebar h2 {
	color: #333;
	background: #ddd;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 20px;
	}

#sidebar a, #sidebar a:visited {
font-weight: normal;
color: #333;
text-decoration: underline;
}
#sidebar a:hover {
 color: #336caf;
text-decoration: none;
}


.sidelist {
    font-size: 0.9em;
    line-height: 1.6em;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	}
	
	.vorteilelist {
	padding: 0 0 0 38px;
	list-style-image: url("images/vorteilelist.gif");
	}
	
.sidelist li {
	margin: 0;
	padding: 0;
	}
	
.sidelist ul li {
	margin: 0;
	padding: 5px 0 5px 0;
	}

.sidelist .children {
font-style: italic;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 5px;
	}
	
	.newslist {
display: block;
}
.newslist img, .newslist table, .newslist tr, .newslist th, .newslist td {
display: none;
}

#newslettercontainer {
	margin: 330px 0 0 0;
	padding: 0 0 10px 0;
	background: #666;
}
#newslettercontainer h3 {
	color: #fff;
	font-weight: normal! important;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 14px 0 5px 20px;
border-bottom: none;
}
#newslettercontainer p {
line-height: 0.9em;
color:     #fff;
	margin: 0 20px 0 20px;
	padding: 0 0 10px 0;
}
#newslettercontainer .textfeld {
margin:                  0 5px 0 0! important;
margin:                  0;
width: 197px! important;
width: 186px;
}
#newslettercontainer .radio {
	margin: 0;
	padding: 0;
	}

#footerstripe {
font-size:             0.9em;
margin:                0 25px 10px 25px! important;
margin:                0 13px 10px 25px;
padding:               0 20px 0 20px;
width:                 590px!important;
width:                 610px;
clear: both;
float: right;
background:            transparent;
}
#footerstripe p{
text-align: right;
padding:               0;
	margin:            0;
}

#footer {
	background: transparent url("images/footer-back.jpg") bottom repeat-x;
	font-size:             0.9em;
padding:               0;
	margin:                 0 25px 0 25px;
	height: 62px;
width:                 900px;
}

#footer .right {
float: right;
text-align: right;
margin: 20px 20px 5px 0! important;
margin: 20px 10px 5px 0;
padding: 0;
}
#footer .left {
float: left;
text-align: left;
margin: 20px 0 5px 20px! important;
margin: 20px 0 5px 10px;
padding: 0;
}
#footer .right p, #footer .left p {
color: #fff;
margin: 0;
padding: 2px 0 2px 0;
}
#footer a, #footer a:visited {
font-weight: normal;
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}



/* 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: 100px; 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;
}


/* Blog */
.navigation {
	display: block;
	text-align: center;
	margin: 10px 20px 60px 20px;
	clear: both;
	}
	
/* Begin Comments*/
#content .alt {
    background: transparent;
	margin: 0;
	padding: 10px 20px 10px 20px;
	}

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

#content .commentlist li {
    border: 1px solid #eee;
	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 .nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

#content .commentmetadata {
	margin: 0;
	display: block;
	}
	

.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;
	}	
	
	
/* links */
#content .links {
display: block;
float:                 left;
margin:                0 0 0 20px;
padding:               0 0 10px 0;
width:                 570px;
}
#content .links ul {
margin:                0;
padding:               0;
	list-style: none;
}
#content .links li {
line-height:           16px;
}
#content .links span {
width:                 112.5px;
height:                75px;
background:             #fff;
border:                1px solid #ddd;
float:                 left;
margin:                0 10px 0 0;
padding:               4px;
	list-style: none;
}

#content .divider {
width:                 570px;
border-top: 1px solid #ccc;
margin:                0 0 0 20px;
padding:               0 0 10px 0;
clear: both;
}


/* Presse */
.iconspan{
float: left;
margin: 0 5px 0 0;
cursor:pointer;
}
.eg-bar{
background: transparent;
padding: 0;
margin: 0 0 0 20px;
}

div.eg-bar{
width: 570px;
}

div .eg-bar h4 {
margin: 0;
padding: 3px 0 0 0;
}

.icongroup1{
width: 570px;
margin: 0 0 10px 20px;
}