/*! :::::::::::::::    CSS Document     ::::::::::::::::::::::::::::

    Woelfel | Design - Stylesheet
    ----------------------------------------------------------
    Media: Screen
    Datum:04/2009
    Designer:Axel Beyer
    Kontakt:info@deutsche-stadtauskunft.de

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* generelle Styles */
*{ 
      margin:0;
      padding:0;
      border:0;
}

h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.clear {
      clear:both;
      }

a{

      font-size: 12px;
      text-decoration: none;
      color: #000000;
      list-style-type:none;
}

#content a:hover{

      font-size: 12px;
      text-decoration: none;
      color: #000000;
      list-style-type:none;
      font-weight:bold;
}

.csc-searchResultHeader{
	padding-top:10px;
	border-top:1px dotted #aaa;
}

.csc-searchResult{
	margin-bottom:10px;
}

.tx-rgsmoothgallery-pi1 {
	margin-bottom:10px;
}

#content .odd, #content .even {
	margin:2px 15px;
	padding:0;
}

.active{
	font-weight: bold;
}

body{
      background-color: #fff; ;
      font: 12px Arial, Helvetica, sans-serif;
      color:#000;
      background:url(../images/bg.gif);
}



/*  --  komplette Seite -- center  --  */
#page{
      margin:auto;
      width: 977px;  
      background:url(../images/content-bg.jpg) 16px 0 repeat-y;
      position: relative;
}

#logo{
      height:224px;
      width:977px;
      background:url(../images/woelfel-header.jpg) no-repeat;      
}

#header{
      width:698px;
      height:59px;
      background:url(../images/info.jpg) no-repeat; 
      padding:28px 0 0 279px;
      color:#fff;
      font-weight:bold;
}

#header a {
      color:#fff;
      font: 16px Arial, Helvetica, sans-serif;
      font-weight:bold;
}

#header input {
      margin:2px;
      vertical-align:bottom;
}

#navi{
      float:left; 
      display:inline;
      width:204px;
      background-color: #f00;
      margin:0 0 0 34px;
      padding:20px 0 0 20px;
      background:url(../images/navi_oben.jpg) 0 0 no-repeat;
      background-color: #E90506;   
      position: relative;   
}

#navi ul li{
      list-style-type: none;
      margin-top:10px;
}

#navi a{
      color:#fff;
      font: 14px Arial, Helvetica, sans-serif;
}

#navi a:hover{
      font-weight: bold;
}

#language img{
      margin:20px 5px 0 0;
}

#navifooter{
      background:url(../images/navi_unten.jpg);
      height:10px;
      width:224px;
      position: absolute;
      bottom:-10px;
      left:0;
      line-height: 0.5;
}

#content{
      float:left;
      width:416px;
      padding:20px 0 127px 20px;
}

#content li{
	margin-left:14px;
	margin-bottom:14px;
}

#content input{
	border:1px solid #000;
	width:250px;
}
#content label{
	width:150px;
	display:block;
	float:left;
}

#mailformformtype_mail{
	margin-left:150px;
}

#mailformNachricht{
	width:250px;
	border:1px solid #000;
}

#images{
      float:left;
      width:262px;
      height:558px;
      padding-bottom:127px;
}


#footer{
      background:url(../images/footer.gif);
      height:77px;
      width:950px;
      position: absolute;
      bottom:0;
      left:16px;
      padding:50px 0 0 0;
      font: 16px Arial, Helvetica, sans-serif;
      color:#fff;
      font-weight: bold;
}

#footer ul{
	margin-left:60px;
}

#footer ul li{
	list-style-type:none;
	float:left;
	margin-right:3px;
}

#footer ul li a{
	text-decoration:none;
	font-weight:normal;
	font-size: 9px;
}

#footer ul li a:hover{
	text-decoration:underline;
}