/* CSS Document GIW e.V.

Farben: rot #990000
Text: grau: #403e44

Stand 23.8.2007

*/



/*  ----------------- Grundeinstellungen  ----------------- */

html,body, p, h1, h2, h3, h4, h5, h6{margin:0;padding:0}
body{	
		font-size: 76%;
		font-family: "Lucida Unicode", "Lucida Grande", Lucida, sans-serif;
		background:#fff;text-align:left;color: #403e44;
		line-height:1.3em;
		background: #e1ded9 url(graphics/bg.jpg) repeat;
}
a {text-decoration:none; outline: none; background:none;}
p {padding: 0px 40px 10px 10px;}
hr {border: 0; border-bottom: 1px dotted #990000;margin: 0 40px 0 10px;}



/*  ----------------- Typo  ----------------- */
h1{font-size: 120%;color: #990000;background-color: #fff;margin-bottom: 23px;margin-left: 10px;font-weight: bold;}
h2{font-size: 110%;color: #990000;font-weight: bold; margin: 3px 0 0px 10px}
h3{font-size: 102%;color: #990000;background-color: #fff;font-weight: bold; margin-left: 10px;margin-bottom: 3px;}
h4{font-size: 95%;color: #990000;background-color: #fff;margin-bottom: 5px;}
h5{font-size: 90%;color: #990000;background-color: #fff;margin-bottom: 3px;}
h6{font-size: 86%;color: #403e44;background-color: #fff;font-weight:normal;} /*  ----------------- f�r Bildunterschriften  ----------------- */


/*  ----------------- Zentrierter Container  ----------------- */

div#container{
text-align:left;
width:940px;
margin:0 auto;
background-color: #fff;
border: 0px solid #D7D1C3;
}

/*  -----------------  DIVs  ----------------- */

div#wirbel{
float:left;
width: 235px;
background-color: #fff;
margin: 0;
padding: 0;
}
div#wirbel p {
margin: 0;
padding: 0;
}
div#wirbel a {
	border: none;
}
div#content{
line-height:1.4;
width: 700px;
margin: 0px 0 0 235px ;
padding-top: 160px;
background-color: #fff;
}
*+html div#content {
	padding-top: 20px;
}

#footer{color: #666;clear:both;text-align: center;font-size:86%;padding: 15px 0 15px 0;margin: 0 0px 0 0px;background-color: #fff;
border-top: 1px solid #D7D1C3;}
#footer a{color: #999;}


/*  ----------------- Navigation  ----------------- */

div#navigation{
        float: right;
	width: 705px;
        margin:0;
        padding:0;
}

div#navigation a{
	float: right;
	display:inline;
	list-style-type: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
        width:208px;
        margin:0;
        padding:0;
        text-align:center;
        text-transform: uppercase;
}


#navigation ul{
        padding:0;
        margin:0;
}
#navigation li{
        list-style-type: none;
        display:inline;
        padding:0;
        margin:0;
 }
#navigation ul li a:link, ul li a:active{
	display: block;
	background: #B10500 url(graphics/verlauf-rot.jpg);
	color:#fff;
	padding: 14px 13px 15px 13px;
}

#navigation ul li a:visited{
	display: block;
	background: #B10500 url(graphics/verlauf-rot.jpg);
	color:#fff;
	padding: 14px 13px 15px 13px;
}

#navigation ul li a:hover{
	display: block;
	background: #D7D1C3 url(graphics/verlauf-sand.jpg);
	color: #fff;
	padding: 14px 13px 15px 13px;
}

#navigation ul li #on {
	background: #D7D1C3 url(graphics/verlauf-sand.jpg);
	color: #fff;
}

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



/*  ----------------- Links  -----------------*/

a {
        font-style: normal;
        color: #990000;
        text-decoration: none;
        border-bottom: 1px dotted #990000;
}

a:hover {
        font-style: normal;
        color: #D7D1C3;
        text-decoration: none;
        border-bottom: 1px dotted #990000; 
}
a.download{background:none!important;}

/*  ----------------- Bilder  ----------------- */


DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    clear: none;
    float:right;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {margin-left: 36px!important;}
.csc-textpic-imagewrap {width: auto;margin: 0 57px 50px 36px!important;}
.csc-textpic-imagewrap a{border: 5px #D7D1C3;}
.csc-textpic-imagewrap img {border: 1px solid #D7D1C3!important; background: #F3F2EF;padding: 10px; }

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {font-size: 10px; padding:0 0 10px 3px;}

div#bildspalte img {border: 5px #D7D1C3; padding: 10px; background: #F3F2EF; margin: 15px 5px 5px 0px;}
* html a.bilderlink {border: 5px solid #D7D1C3; text-decoration: none;}
* html a.bilderlink:hover {border: 5px solid #D7D1C3;}
.bilderlink img {border: 5px solid #D7D1C3;}
.bilderlink img:hover {border: 5px solid #D7D1C3;}

/*   -------------------Tabelle Start -----------------*/
table {border-spacing:10px; width: 700px;}
table td {background-color: #f7f7f7; border: 1px solid #D7D1C3; text-align: center; vertical-align: top; padding:10px; width: 33%;}
table td h2 {text-align: left; margin: 0 0 0 5px;}
table td p img {margin: 5px 0 0 0!important; padding: 0!important; }
table td p {margin: 0!important; padding: 0!important;}


/* ---------------- submenu ----------------------*/

.csc-textpic-intext-left .csc-textpic-imagewrap {width: 100%;margin-left: 40px;}
.csc-textpic-intext-left .csc-textpic-imagewrap img {background: none; border: 0!important;}
.csc-textpic-intext-left .csc-textpic-imagewrap dl {margin: 0; padding: 0; margin:0 100px 0 30px!important;}
.csc-textpic-intext-left .csc-textpic-image dt a {border: 0;}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin-left: 10px;}

.firstSub {margin-left: -10px;}
.secondSub {margin-left: -10px;}
*+html .firstSub, *+html .secondSub {margin-left: 0;}



/************** Anmeldung *****************/

div .csc-mailform-field {width: 200px;}

/* ----------------- sonderklassen ------------------- */

p.align-left {text-align: left;}
p.align-right {text-align: right;}

.linie {margin-top:25px;border-top: 1px dotted #D7D1C3;padding-top:30px}

.intro {line-height:1.7;font-size: 115%; margin: 10px 0 20px 0px;}
.important {color: #990000; margin: 20px 40px 30px 10px; }

/*************** Google Map ***************/

.tx-lumogooglemaps-pi1 {border: 0px solid #D7D1C3;}
.tx_lumogooglemaps_pi1_sidebar ul li a, .tx_lumogooglemaps_pi1_sidebar ul li a:hover, .tx_lumogooglemaps_pi1_sidebar ul li a:visited {background: none;margin: 0; padding: 0;}
.tx_lumogooglemaps_pi1_sidebar ul li a:visited {text-decoration: none;}
.img_googlemap a{border: 0;}
.tx-lumogooglemaps-pi1 p {padding-bottom:0;}