/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
/* text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
}

p {margin:0; padding:0;line-height:1.5em;}
strong {color:#666;}

h1 { font-size:1.3em;font-weight:100; color:#335275;}
h2 { font-size:1.1em;font-weight:500; color:#335275;}
h3 {font-size:1em;font-weight:500; color:#335275;}

a:link { text-decoration:none; color:#ff6600;}
a:visited {text-decoration:none; color:#ff6600;}
a:hover { color:#ff6600; text-decoration:none;}
a:focus { color:#ff6600; text-decoration:none;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

.top {
background: transparent url(images/icons/top.gif) left center no-repeat;
padding-right: 20px;
font-size:0.9em;
}
.back {
background: transparent url(images/icons/back.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.extern {
background: transparent url(images/icons/extern.gif) left top no-repeat;
padding-left: 20px;
font-size:1em;
}
.intern {
background: transparent url(images/icons/arrow_right.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.download {
background: transparent url(images/icons/pdf.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.print {
background: transparent url(images/print.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}

.email { font-size:0.8em;}

/***************************************************** servicemenue ***********************************************************/

#header { width:945px; background: transparent url(images/logo-rtc-schuette.gif) left center no-repeat; height:110px; margin:auto; }


#servicemenue ul {padding: 0;list-style-type: none; float:right; margin:20px 5px 0px 0px; font-size:0.9em}
#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #596a7a;
text-align: center;}


#servicemenue ul li a { text-decoration: none; color:#666;}
#servicemenue ul li a:hover {text-decoration: none;}
#servicemenue ul li.minus-rand { 
text-decoration: none;
padding: 0 1px 0 10px;
border-right: 0;
text-align: center;
color:#fff;
}


#bl { height:170px; width:943px; margin:auto; border-top:1px solid #fff;}
*+html #bl { height:195px;}
*html #bl { height:215px;}


.headline {
background-color:#335275;
color:#FFFFFF;
font-size:1.1em;
margin:0;
padding:2px 2px 2px 4px;
}

#wrapper-content { width:945px; margin:auto; background-color:#fff; text-align:left; padding:0px; margin-top:-30px;}


/*********************************************** boxes left**************************************************/

#left {
width:180px;
float:left; 
margin:0px 0px 0px 0px;
padding:0px;
background-color:#f1efeb;
}
#left p { padding:5px;}
#left .spacer { background-color:#FFFFFF; height:10px; width:180px; }

/*********************************************** boxes right**************************************************/

#right {
margin:0px 0px 0px 0px;
padding:0px;
width: 180px;
float:right;
background-color:#f1efeb;
}
#right p { padding:5px;}
#right .spacer { background-color:#FFFFFF; height:10px; width:180px; }
#right h3 { background-color:#d3d8dc; color:#596a7a; padding:3px; margin:0px; font-size:1.1em;}


/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
margin:55px 195px 0px 200px;
padding:0px 30px 0px 30px;
height: 80%;
min-height:300px;
font-size:1.1em; 
}

*html #story { padding:0px 20px 0px 20px; margin-top:5px;}


#story p {line-height:1.5em;}

#story img.right { float:right; margin:0 5px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

#story ul { list-style:none; margin-left:-30px;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:10px;}

#story ul li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding: 0px 0px 0px 15px;
text-align: left;
line-height:1.6em;
}

#story ul.list-feed li {
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding: 0px 0px 20px 15px;
text-align: left;
line-height:1.6em;
}
#story ul.list-feed li a { text-decoration:underline;}


#story .boxcontainer {width:500px; float:left;}
#story .boxcontainer h3 {color:#596a7a; margin:0px; font-size:0.9em; background-color:#d3d8dc; padding:2px 0px 2px 3px; 
border-top:1px solid #fff; margin-bottom:1px;}

#story .box-1-start { float:left; width:150px; margin-right:25px;}
#story .box-2-start  { float:left; width:150px; margin-right:25px;}
#story .box-3-start  { float:left; width:150px;}

#story .box-1 { float:left; width:125px; margin-right:45px;}
#story .box-2 { float:left; width:125px; margin-right:45px;}
#story .box-3 { float:left; width:125px;}


 /***************************************** lightwindow profile auszeichnungen */
#storybox { padding:1px 10px 0px 10px;}

#storybox p {color:#666;line-height:1.5em;}

#storybox h2 { margin-top:20px; }
*+html #storybox h2 {margin-top:10px; }

#storybox h3 { color:#335275; }

#storybox img { margin-bottom:10px;}

#storybox ul { list-style:none; margin-left:-30px;}
*html #storybox ul { margin-left:5px;}
*+html #storybox ul { margin-left:10px;}

#storybox ul li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding: 0px 0px 0px 15px;
text-align: left;
line-height:1.4em;}



 /***************************************** Menue */
    
	#submenue { width:180px; margin-top:0px; margin-left:0px;float:left;}
	#submenue .headline { background-color:#335275; color:#fff; padding:2px 2px 2px 4px; margin:0px;}
	#submenue ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none; 
	}
	#submenue ul li {
	border-bottom:1px dotted #fff;margin: 0;
	background-color:#f1efeb;
	}
	#submenue li a {
	margin: 0;display: block;padding: 5px 2px 3px 10px;color: #596a7a;text-decoration: none;
	}

	#submenue li a.active { padding:5px 2px 3px 7px; border-left:3px solid #f60; background-color:#e5eaef;}
	#submenue li a:hover {  border-left:3px solid #f60; padding-left:7px; background-color:#e5eaef;}   
	
	#submenue ul ul { background-color:#f6f6f6;}
	#submenue ul ul li { margin-left:20px; background-color:#f6f6f6; border-top:1px dotted #fff;}


/******************************************************** formular ****************************************************/

fieldset { border:none; margin:10px 0px 10px 0px; padding:0px;}
fieldset label { width:12em; float:left;}

input { border:1px solid #ccc; margin-right:10px; padding:0px;width:180px;}

form textarea { border:1px solid #ccc;}

/*form input.button { padding:2px; font-size:1em; border:1px solid #363; width:100px;}*/
form input.button { padding-bottom:3px; font-size:1em; width:100px;color:#666;}

/******************************************************** karte  ****************************************************/

#imap {display:block; width:502px; height:428px; background:url(images/standorte-rtc-schuette.gif) no-repeat; position:relative; margin:10px 0 10px 5px;}

#imap a#karte {
	display:block;
	width:502px;
	height:428px;
	padding-top:210px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(standorte-rtc-schuette.gif) no-repeat 300px 210px;
	cursor:default;
}
* html #imap a#karte {height:430px; he\ight:0;}

#imap a#karte:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}

#imap #link_berlin {left:410px; top:218px; z-index:20;}
#imap #link_hamburg {left:222px; top:125px;	z-index:20;}
#imap #link_bremen {left:160px; top:165px; z-index:20;}
#imap #link_wildeshausen {left:140px; top:175px; z-index:20;}
#imap #link_dinklage {left:140px; top:195px; z-index:20;}
#imap #link_cloppenburg {left:118px; top:175px; z-index:20;}
#imap #link_quakenbrueck {left:115px; top:200px; z-index:20;}


#imap a#link_berlin, #imap a#link_hamburg, #imap a#link_bremen, #imap a#link_wildeshausen, #imap a#link_dinklage, #imap a#link_cloppenburg, #imap a#link_quakenbrueck {
display:block; width:25px; height:25px; text-decoration:none; z-index:20;}

#imap a em {display:none;}
#imap a span, #imap a:visited span {display:none;}

#imap a:hover {border:1px solid #369;}

#imap a:hover span {position:absolute; display:block; width:180px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; border:1px dotted #369;}

#imap a#link_hamburg:hover span, #imap a#link_bremen:hover span, #imap a#link_wildeshausen:hover span, #imap a#link_dinklage:hover span, #imap a#link_cloppenburg:hover span, #imap a#link_quakenbrueck:hover span
	{position:absolute; display:block; width:230px; height:120px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}
	
#imap a#link_berlin:hover span {position:absolute; display:block; width:230px; height:120px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-230px; top:20px;}

/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:20px; 
padding:0px 0px 0px 0px;
margin:auto;
font-size:1em;
width:950px;
background-color:#335275;
color:#fff;
text-align:center;
margin-top:10px;
}