/*
Webseite Copyright 2009 by IDR - Internetdienstleistungen Röhr 
http://www.id-r.de
*/

/* Elements */

body {
	background: #039;
	margin: 0px;
	text-align:left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000040;
}

h1 {}

h2, h3 {margin-top: 0px;}
h3.listen{ margin:10px 0 5px 0}
h4, h5, h6 {}
h3 {font-size:14px;}
p, ol, ul, dl {
}

a:link {color:#000040;text-decoration:underline;}
a:visited {color:#000040;text-decoration: underline;}
a:hover {color:#000040;text-decoration: none;}
a:active {color:#000040;text-decoration: none;}

a:link.outerLink {color:#FFF;text-decoration:underline;}
a:visited.outerLink {color:#FFF;text-decoration: underline;}
a:hover.outerLink {color:#FFF;text-decoration: none;}
a:active.outerLink {color:#FFF;text-decoration: none;}

.img1 {float: left;margin: 3px 15px 0px 0px;}
.smallfont {font-size:0.85em;}
img {border: none;}
.img_middle {vertical-align:middle;}
#wrap img.imgBorder {background: #FAFAFA;border: 1px solid #999;padding: 5px;}
#wrap img.float-right {float: right;margin: 3px 0 0 15px; }
#wrap img.float-left {float: left;margin: 3px 15px 0 0;}
.clearer{clear:both;margin:0;padding:0;}
hr {color:#000040; line-height:1px;}
#downloadWrapper {text-align:right; margin:0; padding:0;}
.block-left {border-right:1px solid #000040;display:block;float:left;width:50%;}
.block-right {display:block;float:left;margin-left:5px;}
.centerText {text-align:center;}
.bigText {font-size:1.6em}
h2.centerText {border:none;text-align:center;}
#iconBar {height:32px;margin:0;padding:0;text-align:right;}
.printIcons {float:right;margin:0;padding:0;}
.imgHover {opacity:0.5;}
.imgHover:hover {opacity:5;}
.showNo {display:none;}

#galBack {background:url(../images/galerie/galerie.jpg) no-repeat center; height:400px; margin:0 auto;}
#gal {margin-left:210px;padding-top:10px;text-align:left;width:350px;}

/*blockquote*/
img.topLeft {position:absolute;top:0;left:0;overflow:hidden}
img.topRight {position:absolute;top:0; right:0;overflow:hidden}
img.bottomLeft {position:absolute;bottom:0; left:0;overflow:hidden}
img.bottomRight {position:absolute;bottom:0; right:0;overflow:hidden}
blockquote {background-color:#C4D3DB;margin:20px 0 10px;padding:10px;}
blockquote.tabBlock {background-color:#C4D3DB;margin:10px 0 10px;padding:10px 5px; width:450px;}
blockquote {position:relative;}
blockquote img {background:none;border:0;padding:0;}

/* Header */
#header {background:url(../images/headerBG.jpg) repeat-x;height: 150px;margin: 0px auto;width: 100%;}

#header h1 {
	margin: 0px;
	padding: 180px 0 0 60px;
	font-size: 42px;
	letter-spacing: -2px;
}

#header h2 {margin: 0;padding: .1em 0 0 60px;font-size: 16px;letter-spacing: -1px;color: #000040;}
#header a {text-decoration: none;color: #FFF;}
#headWrapper p {color:#FFF;font-size:0.9em;font-weight:700;height:25px;margin:0 auto;padding:5px 7px 3px 7px;text-align:center;width:986px;}
.logo {background:url(../images/logo.jpg) no-repeat;height:150px;margin:0 auto;text-align:center;width:1000px;}

/* Menu */
#menu {margin:0 auto; width:1000px;}
.menu, .menu ul {margin: 0;padding: 0;border: 0;list-style-type: none;display: block;}
.menu li {margin: 0;padding: 0;border: 0;display: block;float: left;position: relative;z-index: 5;}
.menu li:hover {z-index: 10000;white-space: normal;}
.menu li li {float: none;}
.menu ul {visibility: hidden;position: absolute;z-index: 10;left: 0;top: 0;}
.menu li:hover>ul {visibility: visible;top: 100%;}
.menu li li:hover>ul {top: 0;left: 100%;}
.menu:after, .menu ul:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
.menu, .menu ul {min-height: 0;}/* IE7 float clear: */
.menu ul { background-image:url(../images/empty.gif);padding: 10px 30px 30px 30px;margin: -10px 0 0 -30px;}
.menu ul ul {padding: 30px 30px 30px 10px;margin: -30px 0 0 -10px;}
.menu, .menu ul li {color: #fff;background: #000040;}
.menu ul {width:250px;}

.menu a {text-decoration: none;color: #fff;padding:.8em 1em;;display: block;position: relative;}
.menu a:hover, .menu li:hover>a {background-color:#2580A2;color: #f2f2f2;}
.menu a:visited, .menu li:visited>a {color:#fff;}
.menu li li {border: 1px solid #E3EFFF;}
.menu ul>li + li {border-top: 0;}
.menu li li:hover>ul {top: 5px;left: 90%;}
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/

/* Breadcrumb */
#breadcrumb {border-bottom:1px solid #999;color:#000040;font-size:10px;font-weight:normal;margin-bottom:10px;padding:0 5px 5px;text-align:left;}
#breadcrumb .breadcrumbSite {font-weight:700;}

/* Content */
#content {background: #e3efff;border:2px solid #000040;border-width:0 2px 2px;width: 996px;margin: 0px auto;padding: 2px 0px 0px 0px;}
#wrap {margin-top:10px;padding:0 20px;width:960px;}
#colTwo {float: left;width: 180px;margin-top: 20px;padding-right: 20px;padding-left: 20px;}
#colTwo ul {margin-left: 0px;padding-left: 0px;list-style-position: inside;}
#content h1 {padding: 5px 0px 5px 5px;color: #173E68;}
#content h2 {padding: 5px 0px 5px 5px;font-size: 16px;color: #000040;border-bottom: 1px dashed;}
#content h3 {color: #000040;}

/* Footer */
#footer {background:#039;margin: 0px auto 10px;padding: 3px 0px;width: 100%;}
.footerWrapper {margin:0 auto;padding:5px;width:990px;}
#footer p {margin: 0px;padding-top: 15px;text-align: center;font-size: 11px;color: #fff;}
#footer a {color: #f2f2f2;}
#footer a:hover {color: #fff;}
#footer p.clearer{clear:both;height:0;font-size: 1px;line-height: 0px;margin:0;padding:0;}
#footer .footerLeft {color:#f2f2f2;clear:both;float:left;padding:10px 0 0;width:auto;}
#footer .footerRight {float:right;color:#f2f2f2;padding:10px 0 0;width:auto;}

/* Tabellen */
#wrap table {border-collapse: collapse;margin: 5px 10px;width:940px;}
#wrap th {
	height: 38px;
	padding-left: 8px;
	padding-right: 8px;
	color: #FFF;
	text-align: left;
	background: #000040;	
	border: 1px solid #DEDEDE;
}
#wrap th.weight_1 {width:100px}
#wrap th.weight_2 {width:840px}
#wrap th.weight_3 {width:50px}
#wrap tr {height: 34px;background: #fff;}
#wrap tr.first {height: 34px;background: #fff;}
#wrap tr.second {height: 34px;background: #f2f2f2;}
#wrap td {padding:3px 7px;border: 1px solid #DEDEDE;}

#media {margin: 40px auto 0; text-align:center;}
#noUpdate {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: x-small;color: #ccc;text-align: left;width: 210px; height: 200px;	padding: 40px;}

/* Kontakt */
#contactform {margin:0 auto;}
#contactform label.left {
float:left;
text-align:right; 
width:200px; 
margin:0; 
padding:2px 10px 10px 0; 
font-size:1.0em;
}
#contactform select.combo {
width:200px; 
padding:2px; 
margin:0; 
border:solid 1px #444; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
font-size:1.0em;
}
/* IE FIX 3-Pixel-Textsprung */
* html #contactform { height: 1%; }
/* ende */

#contactform input.field {
width:300px; 
padding:2px; 
margin:2px; 
border:solid 1px #444; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
font-size:1.0em;
}
#contactform input.fieldCaptcha {
width:80px; 
padding:2px; 
margin:2px; 
border:solid 1px #444; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
font-size:1.0em;
}
/* IE FIX 3-Pixel-Textsprung */
* html input { height: 1%; }
/* ende */

#contactform textarea {
background:#FAFAFA;
width:275px; 
padding:2px; 
margin:2px; 
border:solid 1px #444; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
font-size:1.0em;
}
#contactform input.button {
text-align:center;
margin-left:50px;
margin-right:10px; 
margin-bottom:8px; 
margin-top:8px; 
padding:5px 5px 5px 5px !important /*Non-IE6*/; 
padding:2px /*IE6*/; 
background:#badc9a;
border: 1px dashed #309a01; 
text-align:center; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
color:#333;
font-size:1.0em;
}
#contactform input.button1 {
margin-right:10px; 
margin-bottom:8px; 
margin-top:8px; 
padding:5px 5px 5px 5px !important /*Non-IE6*/; 
padding:2px /*IE6*/; 
background:#fcd0d0; 
border: 1px dashed #990000; 
text-align:center; 
font-family:"Lucida Sans Unicode",verdana,arial,sans-serif; 
color:#333;
font-size:1.0em;
}
#contactform input.button:hover {
cursor: pointer; 
border: 1px dashed #309a01; 
background:#d8e0fd; 
color:#666;
}
.boxen #contactform input.button1:hover {
cursor: pointer; 
border: 1px dashed #990000; 
background:#FFF0F0; 
color:#666;
}
#contactform p {margin:0 auto 10px;}
 
.boxen #contactform #ini {
width:30px;
margin-bottom:0; 
}

#contactform #vergabetext {
 border: solid 2px #990000;
}

#contactform .smallfont {
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 text-align:right;
}

#contactform .smallfont span  {
 margin-top:0;
 padding:0;
}

#contactform .captcha_txt {left:415px;margin:0;position:relative;top:15px;width:220px;}


#nextPage {background-color:#dae7ee;border:1px solid #C4D3DB;height:20px;margin-top:15px;padding:5px 10px;}
#nextPage:hover {background-color:#C4D3DB;border:1px solid #000040;}
#nextPage p { margin:0; padding:0;}
.prevSite {float:left;}
.nextSite {float:right;}

#doubleBlock {margin:0 auto;padding:0;width:750px;}
.doubleleyer {margin:0 auto;padding:0;}
.blockLeft {border:medium none;float:left;text-align:left;width:400px;}
.blockRight {border:medium none;float:right;text-align:left;width:350px;}
.noneBlock {border:medium none;float:left;text-align:left;width:730px;}
.doubleleyer .blockLeft ul,.doubleleyer .blockRight ul,.doubleleyer .noneBlock ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.doubleleyer .blockLeft ul li {list-style-image:none;list-style-position:outside;list-style-type:none;line-height:16px;margin:0;padding:0 10px;}
.doubleleyer .blockRight ul li {list-style-image:none;list-style-position:outside;list-style-type:none;line-height:16px;margin:0;padding:0 10px;}
.doubleleyer .noneBlock ul li {list-style-image:none;list-style-position:outside;list-style-type:none;line-height:16px;margin:0;padding:0 10px;}

/* Sitemap */
#sitemap {background: #C4D3DB;padding: 1em;border: 1px solid #ccc;margin: 0 auto;}
#sitemap ul.columns {background-color:#E3EFFF;border:medium none;float:left;margin:0.45em;padding:0 0.5em 0.5em;width:280px;}
#sitemap ul {margin-left: 0;padding-left: 0;}
#sitemap li {list-style-type: none;margin: 3px 0;}
#sitemap .divider {clear: both;}
#sitemap ul.columns {border:1px solid #969696;}
#sitemap h4 {color: #000;background: #b1c0c8;margin:0;padding: 5px;} 

/* iPod Download */
div#downloads {
   background: #c7c9cb url(../images/dl_row_bkgd.gif) repeat-x top;
   border: 1px solid #B3B3B3;
   visibility: visible;
   width: 100%;
   margin: 5px 0px 0px;
   float: left;
   white-space:nowrap;
}
div#downloads div#dltitle {
   width:25%;
   color: #333;
   font-size:150%;
   float: left;
   padding-left: 10px;
   padding-top: .4em;
   margin:0;
   display:inline;
}
#dlfiles {
   width:70%;
   float:right;
   list-style-image:none;
list-style-position:outside;
list-style-type:none;
   margin:0;
   padding: 0px;
   display:inline;
}

div#downloads #dlfiles li {
   font-family:Arial, Helvetica, sans-serif;
   float:right;
   font-size: 95%;
   margin-top: 5px;
   margin-bottom: 5px;
}
div#downloads #dlfiles a {
   text-decoration: none;
   display:block;
   padding:5px 10px 5px 30px;
   color: #666;
   width: 10em;
   margin-right: 0.5em;
   border: 1px solid #bbb;
   background: #f8f8f9 url(../images/dl_icon_bkgd.gif) repeat-x left top;
}
div#downloads #dlfiles a:hover  {
   color: #000;
   border: 1px solid #000;
   background: #fff url(../images/dl_icon_bkgd_over.gif) repeat-x left top;
}