/**************************

copyright 2006 C. Kaus 
Webdesign Creativ-Studio Christiane Kaus,
Duisburg, http//www.kaus-online.de

***************************/


body { margin:0; padding:0; font-size: 93%; color:#708fa8; font: 8pt/14pt "Lucida Grande", Verdana, Helvetica, sans-serif; 
background: white; } 



a:link { color:#394854; text-decoration:none; }
a:hover { color:#ceb100; text-decoration:underline; }
a:active { color:#394854; text-decoration:none; }
a:active:hover { color:#ceb100; text-decoration:underline; }
a:visited { color:#394854; text-decoration:none; }
a:visited:hover { color:#a28b00; text-decoration:underline; }
h2 { font-size:14px; font-weight:bold; color:#4fa800; text-align:left; text-transform:lowercase; }
h3 { font-size:21px; font-weight:bold; color:#4fa800; text-align:right; text-transform:lowercase; }
#navi a { color: #394854; font-weight:bold; text-decoration: none; background-image: url(../images/button.gif); background-color: transparent; background-repeat: no-repeat; margin: 0; padding-top: 0; padding-bottom: 90px; padding-left: 15px; }
#navi a:hover { color: #ceb100; font-weight:bold; text-decoration:none; background-image: url(../images/button_high.gif); background-repeat: no-repeat; }
#navi a:visited { color:#394854; text-decoration:none; }
#navi a:visited:hover { color:#ceb100; text-decoration:none; }
#navi a:active:hover { color:#394854; text-decoration:none; }
#self { color: #394854; font-weight: bold; background-color: transparent; text-decoration: underline; }
/**************************
Content Tags
#gbheader {background-image: none; background-color: transparent; width:100%; margin-left:auto; margin-right:auto; height:auto; text-align:center; border:0; padding:0; }
#bookcontainer { padding-top: 10px; width:90%; background:transparent; margin-left:auto; margin-right:auto; height:auto; text-align:center; border:0; margin:0; color:#708fa8; float:left; }
***************************/ 
#home { margin:0; padding:0; background-image: url(../images/bg_gb_home.gif) repeat-x bottom left; background-color: #d3e302;}
#home #wrap { width:100%; height: 100%; background:url(../images/bg_gb_home.gif) repeat-x bottom left; margin-left:auto; margin-right:auto; background-color: #ffffff; }
#home #imagecontainer { background:url(../images/bg_high.png) repeat-x bottom left; height: 773px; width:100%; margin:0; /*margin-left:auto; margin-right:auto; */ }

#wrap { background:url(../images/bg.gif) repeat-x top left; width:100%; margin-left:auto; margin-right:auto; }
#header { background:url(../images/maedchen.gif) no-repeat transparent bottom left; width:800px; margin-left:auto; margin-right:auto; height:520px; text-align:center; overflow:hidden; border:0; padding:0; }
#nrw { position: absolute; font-size: 95%; float:left; text-align: right; top: 170px; left: 30px; display:block; width: 140px; height: 200px; background:#fedb09; padding:5px; border: dotted 2px #708fa8; outline: dotted 4px #708fa8; color:#708fa8; }
#nrw p { padding-top: 5px; margin-top: 0px; }
#content { width:429px; height:400px; background:transparent; overflow:hidden; margin-top:0; padding:21px; color:#708fa8; text-align:justify; float:right; }
#newsbox { float:right; text-align: right; width:auto; height:auto; background:#fedb09; padding:5px; border: dotted 2px #708fa8; outline: dotted 4px #708fa8; }
#navcontainer { float:left; /*line-height: 18em; !!!letzte Änderung*/line-height: 155px;}

#container { margin-right:25%; }
#gaeste #wrapcontainer { width:50%; background:transparent; margin-top:0; margin-left:auto; margin-right:auto; text-align:center; border:0; padding-left:2%; padding-top:30px; color:#708fa8; float:left;}
#action #wrapcontainer { width:50%; background:transparent; margin-top:0; margin-left:auto; margin-right:auto; height:auto; border:0; padding-left:2%; padding-top:30px; color:#708fa8; text-align:justify; float:left;}
#action h3.activities { width:50%; font-size:21px; font-weight:bold; background:#4fa800; color:#fff; text-align:right; text-transform:lowercase; padding: 3px; }
#action #footer p.voll {  font-size:21px; font-weight:bold; background:#4fa800; color:#fff; text-align:right; text-transform:lowercase; padding: 3px; }
#wrapcontainer { 
/*width:440px; */
background:transparent; 
width: 78%;
height:auto; 
border:0; 
padding-left:2%; 
padding-top:30px; 
margin:0; 
color:#708fa8; 
text-align:justify; 
float:left; }
/*height:400px; margin-left:auto; margin-right:auto; text-align:center; 
#wrapcontainer{ width:30%; background:transparent; margin-left:auto; margin-right:auto; height:auto; text-align:center; border:0; padding-left:40px; padding-top:30px; margin-top:0; color:#708fa8; text-align:justify; float:left;}
*/
#wraprightcontainer { 
width:429px; 
background:transparent; 
border:0; 
margin-top:0; 
color:#708fa8; 
padding-top:10px; 
padding-right: 50px; 
text-align:justify; 
float:right; 
margin-right: 12%; }
/*width:499px;  #wrapfullcontainer { width:50%; height:400px; background:transparent; margin-left:auto; margin-right:auto; height:auto; text-align:center; border:0; padding-left:2%; padding-top:30px; margin-top:0; color:#708fa8; text-align:justify; float:left; }
margin-left:auto; margin-right:auto; height:auto; 
#wraprightcontainer{ width:35%; background:transparent; margin-left:auto; margin-right:auto; height:auto; border:0; margin-top:0; color:#708fa8; padding-top:10px; text-align:justify; float:right; }
*/
#footer{ width:100%; background:transparent; margin-top: 20px; }
#footer p {margin: 0; padding: 0;}
#footer p.fmenu { width:15%; margin-right: 15px; padding:9px 0 9px 9px; text-align:right; text-transform:lowercase; background: transparent; font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; color:#333333; float:right; }
#footer p.fright { width: 34%; min-width: 439px; float: right; padding: 0 10px 0 20px; min-height: 220px; text-align: justify; margin-right: 2%; background: transparent; }
#footer p.fleft { margin-left: 15px; min-width: 480px; max-width: 490px; padding-right: 30px; text-align: justify; background: transparent; }
#bookcontainer { padding-top: 10px; width:100%; background:white; height:auto; text-align:center; border:0; margin:0; color:#708fa8; float:left;}
#bookcontainer p { color:#394854; text-decoration:none; }

/****************
Navigation Tags
****************/
#navlist li{ height: 155px; position: relative; list-style-type: none; display:inline; text-align:right; padding-right: 20px; font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px; text-transform:lowercase; color:#666666; }
#navlist li a:link { color: #394854; text-decoration:none; }
#navlist li a:visited { color: #394854; text-decoration:none; }
#navlist li a:hover {color: #ceb100; text-decoration:none; }
.link1, .link2, .link3, .link4, .link5, .link6, .link7, .link8   {
position:absolute; color: #394854; font-weight: normal; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; }
.link1 { top: 320px; left: 47%; display:block; width: 140px; height: 155px; }		
.link2 { top: 320px; left: 1%; display:block; width: 120px; height: 135px; }
.link3 { top: 320px; left: 89%; display:block; width: 120px; height: 135px; }
.link4 { top: 320px; left: 61%; display:block; width: 120px; height: 135px; }
.link5 { top: 320px; left: 75%; display:block; width: 120px; height: 135px; }
.link6 { top: 320px; left: 14%; display:block; width: 120px; height: 135px; }
/*.link7 { top: 425px; left: 34%; display:block; width: 120px; height: 135px; }
.link7 { top: 410px; left: 8%; display:block; width: 120px; height: 135px; }*/
.link8 { top: 600px; left: 1%; display:block; width: 120px; height: 135px; }
		

/* Kontaktformular  */
#formular p label {
margin-left: 0;
padding-left: 0;
}

.form1 {
display: block;
height: 1em;
width: 200px;
margin: 10px 1px 7px 2px;
font-size: 100%;	
}
.form2 {
color: #708fa8;  
font-weight: bold;
font-size: 1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
width: 300px;
border-top: 0 none;
border-right: 0 none;
border-bottom: 1px solid #708fa8; 
border-left: 1px solid #708fa8; 
margin: 0 0 0 0;
padding: 3px 5px;
background: transparent;
}
.form4 {
border: 1px solid #708fa8; 
height: 80px;
width: 300px;
padding: 5px;
margin-left: 0;
}
select {
border: 1px solid #ccc;
font: 8pt/14pt "Lucida Grande", Verdana, Helvetica, sans-serif;
color:  #394854;
 }
.checkbox {
font-size: 100%;
padding: 5px;
margin-left: 10px;
}
.checkbox span {
padding-left:5px;
vertical-align: middle;
}
.checkb {
vertical-align: middle;
}
textarea {
color : #333;
background: transparent; 
}
.sendbutton {
margin: 30px 0 0 0;
background: #eaeaea;
border-style: solid;
border-width: 1px;
border-color: #666 #708fa8 #708fa8 #666;
font: 8pt/14pt "Lucida Grande", Verdana, Helvetica, sans-serif;
color:  #394854;
}
.red {
color: #950000;
font-size: 110%;
}

.wrapcontainer{ padding:21px; text-align:justify; font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; }
.wraprightcontainer{ text-align:justify; font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; }

.content{ padding:21px; text-align:justify; font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; }
.title{ font-size:21px; font-weight:bold; letter-spacing:1px; font-variant:small-caps; color:#5C4F00; background:#000000; width:100%;  }
.deadline { font-size:13px; font-weight:bold; color:#4fa800; text-align:left; text-transform:lowercase; }
.deadunderline { font-size:13px; font-weight:bold; color:#4fa800; text-align:right; text-transform:lowercase; text-decoration: underline;}
.holder { background-color: #eee; width:35%; padding:1em; border:1px solid #ddd; float:right; margin-bottom:1em; text-align: left; }
.gbholder { background-color: #eee; width:65%; padding:1em 0.5em 2em 1.75em; border:1px solid #ddd; float:right; margin-bottom:1em; text-align: left; }
.right { text-align: right; }
.break { clear:both; float:none; }
.nowrap {white-space: nowrap;}
.bold {font-weight: bolder;}
.line { text-decoration: underline; }
