/*

*************** About  ***************
Site:                  BID-Coburg
Type:                  Master-CSS
Version:               2.0
Date:                  03.03.2011

*/




/* 
*************** 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:                10px 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;
}
/* Cloud */
#cloud {
background:   transparent;
display: block;
margin: 0;
float: left;
padding: 0 20px 5px 20px;
clear: both;
}

#cloud a {
color: #333;
text-transform: lowercase;
text-decoration: none;
}
#cloud 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 0 2px 0;
	}
	
.sidelist ul li {
	margin: 0;
	padding: 2px 0 0 0;
	}

.sidelist .children {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 10px;
	}
	
	.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;
}

/* Bankcontainer */
#bankcontainer {
margin: 0 0 10px 20px;
padding: 4px;
border: 1px solid #ccc;
display: block;
}

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

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


#content-landing { 
	background: transparent;
	width: 900px;
	float: left !important;
	padding: 0 25px 20px 25px;
	}
#content-landing p {
	margin: 0 20px 0 20px;
	padding: 0 0 10px 0;
	}


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

#content-landing 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-landing h3 a  {
	color: #333;
	text-decoration: none;
	}

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

#content-landing ul {
font-size: 1.2em;
	list-style-image: url("images/landing-check.gif");
	margin: 0;
	padding: 0 8px 10px 40px;
	}
	
#content-landing li {
	margin: 0;
	padding: 0;
	}
	
#content-landing ul li {
	margin: 0;
	padding: 5px 0 0 0;
	}

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

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

#header-landing { 
	width: 900px;
	height: 98px;
	text-align: left; 
	margin: 0 auto 9px auto! important;
	margin: 0 auto 6px auto;
	padding: 0;
	}
	
	#landing-facts {
background:             #FFF6BF;
border:                 3px solid #FFD324;
display: block;
float:                 right;
margin:                0 20px 0 0;
padding:               10px;
width:                 360px;
	}
	
#content-landing-news {
display: block;
float:                 left;
margin:                0;
padding:               0;
width:                 900px;
clear: both;
	}
	
a#button-angebot {
/* background: #67a7e5 url("images/landing-button-back-off.gif") repeat-x; ok */
background: #59d86b url("images/landing-button-back-off.gif") repeat-x;
color: #fff;
/* border: 2px solid #4886c1; ok */
border: 2px solid #48b757;
font-size: 1.2em;
display: block;
padding: 10px 20px 10px 20px;
width: 341px;
text-align: center;
text-decoration: none;
}
a:hover#button-angebot {
background: #49c25a url("images/landing-button-back-on.gif") repeat-x;
/* background: #fefefe url("images/landing-button-back-on.gif") repeat-x; ok */
/* color: #336caf; ok */
color: #fff;
/* border: 2px solid #ddd; ok */
border: 2px solid #42b051;
}

#landing-tags {
border-top: 20px solid #fff;
padding: 20px 0 0 0;
margin: 65px 0 0 0;
font-style: italic;
font-size: 0.9em;
color: #bbb;
}

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

	#landing-slogan {
		width: 275px;
	padding: 0;
	margin: 0;
		float: left;
	}
	
	#landing-slogan p{
	font: 1.5em "georgia", Times New Roman, Sans-Serif;
	font-style: italic;
	color: #fff;
    padding: 60px 0 0 20px;
	}
	
	/* Logo statt slogan */
		#landing-slogan-logo {
		width: 285px;
	padding: 0;
	margin: 0;
		float: left;
	}
	
	#landing-slogan-logo p{
    padding: 0;
    margin: 0;
	}
	
	
	#landing_center {
background: transparent url("images/landing-center-back.jpg") top no-repeat;
	width: 900px;
	margin: 0 25px 0 25px;
	height: 108px;
	padding: 0;
	}
	
	/* Landing Version 2 */
	
#content-landing2 { 
	background: transparent;
	width: 900px;
	float: left !important;
	padding: 0 25px 20px 25px;
	}
#content-landing2 p {
	margin: 0 20px 0 20px;
	padding: 0 0 10px 0;
	}


#content-landing2 h2 {
font-family: "Times New Roman", Verdana, Arial;
	color: #333;
	background: transparent;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 20px;
	font-size: 2.5em;
	line-height: 1.3em;
	}

#content-landing2 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-landing2 h3 a  {
	color: #333;
	text-decoration: none;
	}

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

#content-landing2 ul {
font-size: 1.2em;
	list-style-image: url("images/landing-check.gif");
	margin: -15px 0 0 0;
	padding: 0 8px 10px 40px;
	}
	
#content-landing2 li {
	margin: 0;
	padding: 0;
	}
	
#content-landing2 ul li {
	margin: 0;
	padding: 5px 0 0 0;
	}

#content-landing2 ul li div {
	margin: 0;
	padding: 5px 0 0 0;
	}
	
#landing-facts2 {
background:             #fff;
float:                 left;
margin:                0 20px 0 0;
padding:               10px;
width:                 450px;
	}
	
#landing-form-container {
background:             #ddd;
float:                 right;
margin:                0 20px 10px 0;
padding:               0;
width:                 380px;
}

#landing-form-container h2 {
background: #3368ad url('images/landing_h2_back.jpg') repeat-x;
color: #fff;
font-family:          'Verdana', sans-serif;
font-weight:           normal;
padding: 12px 10px 12px 20px;
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.0em;
}

#landing-form-container .textfeld {
width:                   335px;
font-size:               1.2em;
padding:                 3px;
margin:                  0;
border-left:             1px #497bb9 solid;
border-top:              1px #497bb9 solid;
border-right:            2px #33a2e6 solid;
border-bottom:           2px #33a2e6 solid;
background:              #f1f1f1;
color:                   #444;
}
#landing-form-container textarea {
padding:                 2px;
width:                   335px;
margin:                  0;
font-size:               1.2em;
border-left:             1px #497bb9 solid;
border-top:              1px #497bb9 solid;
border-right:            2px #33a2e6 solid;
border-bottom:           2px #33a2e6 solid;
background:              #f1f1f1;
color:                   #444;
}
#landing-form-container .textfeld:focus, #landing-form-container textarea:focus {
background:              #fff;
color:                   #333;
}

#landing-form-container label {
font-size:               1.1em;
}

#landing-form-container .submit {
font-size:               1em;
padding:                 2px;
border:                  1px #bbb solid;
background:              #ccc;
color:                   #333;
margin:                  0;
}
#landing-form-container .submit:hover {
border:                  1px #ccc solid;
background:              #bbb;
}

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

#landing-form-container hr {
background:              #eee;
color:                   #eee;
margin: 0 20px 5px 20px;
}


#content-landing2 #button-angebot {
background: #cf1313 url("images/landing-button-back2-off.gif") repeat-x;
color: #fff;
border: 2px solid #fff;
font-size: 1.4em;
display: block;
padding: 20px 0 20px 0;
margin-top: 10px;
margin-bottom: 10px;
width: 342px;
text-align: center;
text-decoration: none;
}
#content-landing2 #button-angebot:hover {
background: #cc0000;
color: #fff;
border: 2px solid #fff;
}

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

/* Glossar */
#glossarcontainer {
border: 1px solid #aaa;
background: #eee;
	display: block;
	text-align: center;
	padding: 5px;
	margin: 10px 10px 20px 20px;
	clear: both;
}

#glossarcontainer ol.glossar_nav {
text-align: center;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
white-space:nowrap;

}    

#glossarcontainer ol.glossar_nav li {
display: inline;
 text-align: center;
padding: 0 8px 0 0;
margin: 0;
}    

#glossarcontainer ol.glossar_nav li a {
 font-weight: bold;
}    

#glossarcontainer ol.glossar_nav li.glossar_selected a {
 font-weight: bold;
 font-size: 1.5em;
 text-decoration: none;
 color : #333;
}