/*  
Theme Name: EAD neu
Author: Thorsten
Design: Claudia
*/

/*
EAD Farbwerte:
dunkelblau (wie Logo): #003d7e
tuerkis    (wie Logo): #70cef5

tuerkis hell: #d4f0fc

orange: #fcb035
Hintergrund: #ffffff
*/

/* 
EAD Rastermasse:

horizontal:
237 +2+ 235 +2+ 235 +2+ 237 = 950

vertikal:
Logo: 100px
Rahmen: 2px
Block: 138px
Rahmen: 2px
Menu: 22px
Rahmen: 2 px
*/


.aktive {
	color: #fcb035;
	}

#headerimage {display: none;}
#headermenu {display: none;}
#sidebar_container {display: none;}
#menu { display: none;}
#footer {display: none;}



/*===== Layout Styles =====*/

body {
	text-align: center;
	margin: 0; padding: 0;
	background: #eeeeee;
	background: url(/images/verlauf2.gif) repeat-y center;	
	
	}

#container {
	width: 950px;
	text-align: left; 
	margin: 0 auto; padding: 0;
	background: #ffffff;
}


/*--------------------------------------------------------------
 Header Logo
 --------------------------------------------------------------*/

#headerlogo {
        height: 100px;
        margin: 0; padding: 0;
        text-align: right;
}

/*--------------------------------------------------------------
 Header Image
 --------------------------------------------------------------*/

#headerimage {
        height:126px;
        margin: 0 0 0 0; padding: 0;
        font: normal 11px verdana, arial, sans-serif;         
}    

#headerimage .boxleft {
	width: 226px;
	height: 116px;
	margin: 0; padding: 8px 0 0 10px;
	float:left; text-align: left;
	color:#ffffff;
	background: #003d7e;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        line-height: 1.3;        
        position:relative;
}

#headerimage .boxmiddle {
	width: 235px;
	height: 124px;
	float: left;
	margin: 0; padding: 0;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
}

#headerimage .boxright {
	width: 226px;
	height: 116px;
	margin: 0; padding: 8px 0 0 10px;
	float:left; text-align: left;
	color:#ffffff;
	background: #003d7e;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
}

#headerimage a:link,
#headerimage a:visited {
	color: #ffffff;
	text-decoration: none;
}

#headerimage a:hover,
#headerimage a:active {
	color:#fcb035;
	text-decoration: none;
}

#headerimage .aktive a:link,
#headerimage .aktive a:visited {
	color: #fcb035;
	text-decoration: none;
}

#headerimage .aktive a:hover,
#headerimage .aktive a:active {
	color:#fcb035;
	text-decoration: none;
}

#headerimage ul {
	list-style-type: none; 
	margin: 0; padding: 0;
}

#headerimage li { 
	margin: 0;
	padding: 1px 0;
}

#headerimage .aktive {
	color: #fcb035;
}

/*--------------------------------------------------------------
 Header Menu
 --------------------------------------------------------------*/

#headermenu {
        height: 24px;
        margin: 0 0 0 0; padding: 0;
        background: #70cef5;
        position:relative;
} 

#headermenu .boxright {
	width: 226px;
	height: 18px;
	margin: 0; padding: 4px 0 0 10px;
	float: left; text-align: left;
	color: #003d7e;
        border: 1px solid #ffffff;
        font: bold 11px verdana, arial, sans-serif; 
}

#headermenu .boxmiddle {
	width: 225px;
	height: 18px;
	margin: 0; padding: 4px 0 0 10px;
	float: left; text-align: left;
	color: #003d7e;
        border: 1px solid #ffffff;
        font: bold 11px verdana, arial, sans-serif; 
}

#headermenu .boxleft {
	width: 226px;
	height: 18px;
	margin: 0; padding: 4px 0 0 10px;
	float: left; text-align: left;
	color: #003d7e;
        border: 1px solid #ffffff;
        font: bold 11px verdana, arial, sans-serif; 
}

#headermenu a:link,
#headermenu a:visited {
	color: #ffffff;
	text-decoration: none;
}

#headermenu a:hover,
#headermenu a:active {
	color:#003d7e; background: transparent;
	text-decoration: none;
}

#headermenu .aktive a:link,
#headermenu .aktive a:visited {
	color: #003d7e;
	text-decoration: none;
}

#headermenu .aktive a:hover,
#headermenu .aktive a:active {
	color:#003d7e; background: transparent;
	text-decoration: none;
}

/*--------------------------------------------------------------
 Page and Content
 --------------------------------------------------------------*/

#page { 	z-index: 0; }

#content {
	width: 707px;
	float: left;
	padding-left: 5px;
	z-index: 0;
}



/*--------------------------------------------------------------
 Sidebar
 --------------------------------------------------------------*/

.sidebar {
	width: 226px;
	margin: 0; padding: 10px 0 6px 10px;
	float: left; text-align: left;
	color:#003d7e;
	background: #b3e3ee;
        border: 1px solid #ffffff;
        font: normal 11px verdana, arial, sans-serif;
        z-index: 0;
}

.sidebar h1,
.sidebar h2 { 
	font: bold 11px verdana, arial, sans-serif;         
        line-height: 1.3;
        margin: 0 0 0.6em;
}

.sidebar p {
	line-height: 1.3; 
	font: normal 11px verdana, arial, sans-serif;  
	margin: 0.6em 0 0.6em;
}

.sidebar a:link,
.sidebar a:visited {
	color: #003d7e;
	text-decoration: underline;
}

.sidebar a:hover,
.sidebar a:active {
	color: #fc7626;
	text-decoration: underline;
}

.sidebar .menu a:link,
.sidebar .menu a:visited {
	color: #003d7e;
	text-decoration: none;
}

.sidebar .menu a:hover,
.sidebar .menu a:active {
	color: #fc7626;
	text-decoration: none;
}

.sidebar .aktive a:link,
.sidebar .aktive a:visited {
	color: #fc7626;
	text-decoration: none;
}

.sidebar .aktive a:hover,
.sidebar .aktive a:active {
	color:#fc7626;
	text-decoration: none;
}

.sidebar ul {
	list-style-type: none; 
	margin: 0; padding: 5px 0px 10px 0;
}

.sidebar li { 
	margin: 0;
	padding: 1px 0;
}



/*--------------------------------------------------------------
 Footer
 --------------------------------------------------------------*/

#footer {
	height: 130px; 
	margin: 0px 0 5px 0; padding: 0px 0 0 0; 
	background: #dddddd;	
}

#footer .boxright {
	width: 226px;
	height: 123px;
	margin: 0; padding: 5px 0 0 10px;
	float: left; text-align: left;
	color:#003d7e;
        border: 1px solid #ffffff;
        font: normal 11px verdana, arial, sans-serif; 
        line-height: 1.3;       
}

#footer .boxmiddle {
	width: 225px;
	height: 123px;
	margin: 0 0 0 0; padding: 5px 0 0 10px;
	float: left; text-align: left;
	color:#003d7e;
        border: 1px solid #ffffff;
        font: normal 11px verdana, arial, sans-serif; 
        line-height: 1.3;
}

#footer .boxleft {
	width: 226px;
	height: 123px;
	margin: 0 0 0 0; padding: 5px 0 0 10px;
	float: left; text-align: left;
	color:#003d7e;
        border: 1px solid #ffffff;
        font: normal 11px verdana, arial, sans-serif;         
        line-height: 1.3;
}

#footer a:link,
#footer a:visited { 
	color: #003d7e;
	text-decoration: none;
}

#footer a:hover,
#footer a:active { 
	color: #fcb035;
	text-decoration: none;
}

#footer ul {
	list-style-type: none; 
	margin: 0; padding: 0px 0px 15px 0;
}

#footer li { 
	margin: 0;
	padding: 1px 0;
}

#footer_p {
	height: 20px; 
	margin: 0px 0 5px 0; padding: 0px 0 0 0; 
	color:#000000;
        font: normal 11px verdana, arial, sans-serif;	
}




/*===== Content Styles =====*/
		   
.submitLink {	
        text-align: left;
        margin: 0px 0px 0 0px; padding: 0px 0 0 0;
	font: normal 11px verdana, arial, sans-serif;         
        color: #003d7e;
	background-color: transparent;   
	text-decoration: none;
	border: none;
	cursor: pointer;	
}

.submitLink:hover,
.submitLink:active {
	color: #fcb035;
	text-decoration: none;
}




/*--------------------------------------------------------------
 Content
 --------------------------------------------------------------*/

#content { 	z-index: 0; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 { 
	font: bold 11px verdana, arial, sans-serif;         
        line-height: 1.3;
}

#content h1 { 
	font-size: 11px;
	margin: 0 0 0.5em;	
}

#content h2 { 
	font-size: 11px;
	margin: 0 0 0.5em;
	padding: 0;
}

#content h3 { 
	font-size: 10px;
	margin: 1.2em 0 0.3em;	
}

#content h4 { 
	font-size: 18px;
	margin: 1.2em 0 0.3em;	
	border-bottom: 1px dotted #bbb;
}

#content h5 {
	font-size: 18px;
	background: #ffd;
	margin: 1.2em 0 0.3em;	
	border-bottom: 1px dotted #aaa;
}

#content p {
	line-height: 15px; 
	margin: 0 0 1.2em;
}

#content ul,
#content ol {
	margin: 1em;
	padding:0;
}

#content ul {
	list-style-type: square;
}

#content li {
	line-height: 15px; 
	margin: 0 0 0 1em; padding: 0;
}

#content blockquote {
	color: #555;
	border-left: 5px solid #ccc; 
	margin: 1.3em 1em; padding: 0 1em;
}

#content pre, 
#content code { 
	font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}

#content pre {
	color: #eee;
	background: #000; 
	margin: 1em 0; padding: 10px;
	overflow: auto; 
}

#content .atom .image {
        width: 231px;
        float: left; text-align: right;
	margin: 0; padding: 34px 0 0 0;
        
        }

#content .atom .image p {
        text-align: left;
	margin: 0; padding: 0 0 20px 40px;
	font: normal 11px verdana, arial, sans-serif;         
	line-height: 1.3;
        color: #003d7e;
        }
        
#content .atom .pic {
        width: 231px;
        float: left; text-align: right;
	margin: 0; padding: 14px 0 0 0;
        
        }

#content .atom .pic p {
        text-align: right;
	margin: 0; padding: 0 0 20px 40px;
	font: normal 11px verdana, arial, sans-serif;         
	line-height: 1.3;
        color: #003d7e;
        
        }        
        
#content .atom .map {
        width: 231px;
        float: left; text-align: left;
	margin: 0; padding: 16px 0 0 0px;
        }

#content .atom .map p {
        text-align: left;
        margin: 0; padding: 0px 0 0px 0 ;
	font: normal 11px verdana, arial, sans-serif;         
        color: #003d7e;
        }  
        

#content .atom .map a:link,
#content .atom .map a:visited {
	color: #003d7e;
	text-decoration: none;
}

#content .atom .map a:hover,
#content .atom .map a:active {
	color: #fcb035;
	text-decoration: none;
}      
        
#content .atom .map .formular {
        text-align: left;
        margin: 0 0px 0 0px; padding: 2px 0 2px 2px;
	font: normal 11px verdana, arial, sans-serif;         
        color: #003d7e;
        background-color: #b3e3ee;
        border: 1px solid #70cef5;
}

#content .atom .text hr {
	background-color:#70cef5;
	height:2px;
        color: #70cef5;
        border:0px solid #70cef5;
}
        
form { margin: 0px; padding:3px 0 3px 0; }

#content .atom .text {
	width: 450px;
	float: left; text-align: left;
	margin: 0; padding: 10px 0 0 12px;
	font: normal 11px verdana, arial, sans-serif;         
        line-height: 1.5;
        color: #003d7e;
}

#content .atom .text p {        
        line-height: 1.5;
}  
	
#content .atom .text a:link,
#content .atom .text a:visited {
	color: #003d7e;
	text-decoration: underline;
}

#content .atom .text a:hover,
#content .atom .text a:active {
	color: #fcb035;
	text-decoration: underline;
}

#content .atom .text li { 
	margin: 0 0 10px 10px ;
	padding: 0px 0 0 0px;
}

#content .atom .text .formular {
        text-align: left;
        margin: 0 0px 0 0px; padding: 2px;
	font: normal 11px verdana, arial, sans-serif;         
        color: #003d7e;
        background-color: #b3e3ee;
        border: 1px solid #70cef5;
}

#content .atom .text .button {
        text-align: left;
        margin: 0 0px 0 0px; padding: 2px 0 2px 2px;
	font: normal 11px verdana, arial, sans-serif;         
        color: #003d7e;
        background-color: #b3e3ee;
        border: 1px solid #70cef5;
}
	

/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#content .atom { 
	margin: 0 0 0 0;
	clear: both;
}

#content .atom .title {
	font-size: 24px;
	line-height: 94%;
	letter-spacing: -1.5px; 
	margin: 0;
}

#content .atom .title a:link,
#content .atom .title a:visited { 
	color: #930;
	text-decoration: none;
}

#content .atom .title a:hover,
#content .atom .title a:active { 
	color: #000;
	background: transparent;
}

#content .atom .title .comment_count { display: none; }

#content .atom .author {
	color: #bbb;
	font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 1em;
}

#content .atom .author cite a,
#content .atom .author cite a:hover { /* author mailto: link (if any) */
	color: #aaa; background: transparent;
	text-decoration: none;
}

#content .atom .author abbr { /* posted date */
	font-weight: bold;
	color: #aaa;
}

#content .atom .content {}

#content .atom ul.meta { 
	font-size: 10px;
	background: #eee;
	margin: 0; padding: 5px;
	border: 1px solid #ddd;
	list-style-type: none;
}

#content .atom ul.meta li { 
	line-height: 13px;
	margin: 0; padding: 0;
}

#content .atom .meta a:link,
#content .atom .meta a:visited {
	color: #555;
}

#content .atom .meta a:hover,
#content .atom .meta a:active  {
	color: #fff;
}

/* Comments and Trackbacks */
#content ol.comments,
#content ol.trackbacks {
	list-style-type: none;
	margin: 0; padding: 0;
}

#content .comment,
#content .trackback {
	border: 2px solid #ddd;
	margin: 0 0 1.5em; padding: 1em;
}

#content .comment.preview { 
	background: #ffc;
	border: 3px solid #fab444;
}

#content .comment   .author,
#content .trackback .author { 
	font-weight: bold;
	margin-bottom: 1em;
}

#content .comment   .author cite,
#content .trackback .author cite {
	font-size: 16px;
	letter-spacing: -1px;
}

#content .comment   .author abbr, 
#content .trackback .author abbr { color: #999; }

#content .comment .author .gravatar { 
	margin: 0 0 0.5em 0.5em;
	float: right; 
}

#content form.comments {
	background: #f2f2f2;
	border-top: 1px solid #ddd;
	padding: 1em 0.5em;
}

#content form.comments fieldset { 
	border: none;
}

#content form.comments legend { 
	display: none;
}

#content form.comments label { 
	font-weight: bold;
}

#content form.comments textarea { 
	width: 90%; height: 150px;
	padding: 3px;
}


/* ----

input,
textarea { font: normal 12px "bitstream vera sans", verdana, sans-serif; }

abbr  { border: none; }
cite  { font-style: normal; }
a img { border: none; padding: 0; margin: 0; }

a:link,  a:visited { color: #930; }

a:hover, a:active  { color: #fcb035; }

-- */

/*==========*/

/* --- 
#container div {
       this makes TDs a container with their own coordinate system.
       absolutely-positioned elements will be offset relative to them 
      position:relative;
}

 --- */

#headermenu .pulldown .options {
	margin-right:1px;
	margin-bottom:1px;
	border:1px solid #70cef5;
	background-color:#d4f0fc;
	position:relative;
	z-index: 99;
}
#headermenu .pulldown .options a {
	color:#003d7e;
	font-size:11px;
	font-weight:normal;
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#headermenu .pulldown a:hover {
	background-color: white;
	color: #fcb035;
}


#cMenu {
	height:31px;
	width: 708px;
	margin-left:1px;
	margin-bottom:1px;
	background: #FFFFFF url(menu_bg.gif) repeat-x top left;
	position:relative;
}

/*
###################
#  ypMenu Styles  #
###################
 */
#headermenu .mmContent {
font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
border-top: solid 1px #ffffff;
}

#headermenu .mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
#headermenu .mmContent li {
padding: 0px; margin: 0px;
 }
 
#headermenu .menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
#headermenu .mmContent li a {
display: block;
color: #003d7e;
font-weight:normal;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 120px;
padding: 5px 20px 5px 15px;
text-decoration: none;
border-bottom: solid 1px #ffffff;
}

#headermenu * html .mmContent li a {
width: 120px;
width: 120px;
}

#headermenu .mmContent li a:link { background: #003d7e; color: #ffffff; font-size: 11px; }
#headermenu .mmContent li a:visited { background: #003d7e; color: #ffffff; font-size: 11px; }

#headermenu .mmContent li a:hover{ background: #003d7e; color: #fcb035; font-size: 11px; }
#headermenu .mmContent li a:active { background: #003d7e; color: #fcb035; font-size: 11px; }


/*
##########################################
#  ypMenu Styles for our belove IE 5.01  #
##########################################
*/

.mmContentb {
font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContentb ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContentb li {
padding: 0px; margin: 0px; }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
.mmContentb li a {
display: block;
width: 150px;
padding: 5px;
color: #003d7e;
font-weight: normal;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContentb li a {
width: 160px;
width: 160px;
}

#headermenu .mmContentb li a:link { background: #003d7e; color: #ffffff;}
#headermenu .mmContentb li a:visited { background: #003d7e; color: #ffffff;}

#headermenu .mmContentb li a:hover{ background: #70cef5; color: #fcb035;}
#headermenu .mmContentb li a:active { background: #70cef5; color: #fcb035;}


/*
EAD Farbwerte:
dunkelblau (wie Logo): #003d7e
tuerkis    (wie Logo): #70cef5

tuerkis hell: #d4f0fc

orange: #fcb035
Hintergrund: #ffffff

*/