@import url("reset.css");

body{
font-family:arial;
font-size:12px;
margin:0;
padding:0;
background-color:#ffffff;
height:100%;
background-image: url(../shared/site-bg.jpg);
background-repeat: repeat-x;
color:#686868;
}


strong, b{
font-weight:bold;
}

/* Einstellungen header */

#header{
position:relative;
width:960px;
height:100px;
top:0px;
margin-right: auto; 
margin-left: auto;
background-image: url(../shared/header-bg.jpg);
background-repeat: repeat-x;
}

#logo{
position:relative;
top:0px;
}

#zusatznavi{
position:relative;
top:0px;
width:100%;
height:22px;
line-height:22px;
text-align:right;
claer:left;
}

#header a:link, #header a:visited{
text-decoration:none;
color:#ffffff;
}

#header a:hover, #header a:active{
text-decoration:none;
color:#cccccc;
}

#header h3{
font-size:14px;
line-height:140%;
padding:0.4em 0.4em 0.4em 0.4em;
}

#header p{
line-height:140%;
padding:0.8em 0.8em 0.8em 0.8em;
}

#header ul{
line-height:140%;
padding:0.8em 0.8em 0.8em 0.8em;
margin-left:1em;
list-style-type:square;
}

#header-1{
width:33.33%;
float:left;
background-color:transparent;
}

#header-2{
width:33.33%;
float:left;
background-color:transparent;
}

#header-3{
width:33.33%;
float:left;
background-color:transparent;
}


#suche{
position:absolute;
right:0px;
top:54px;
height:34px;
}

#suche form input[type="text"]{
width:180px;
height:31px;
padding:0 5px 0 5px;
border:1px solid #174f80;
color:#686868;
}

#suche form input[type="submit"]{
width:56px;
height:34px;
background-color:#174f80;
color:#ffffff;
border:none;
font-size:11px;
text-transform:uppercase;
}

#suche form input[type="submit"]:hover{
width:56px;
height:34px;
background-color:#686868;
color:#ffffff;
border:none;
font-size:11px;
text-transform:uppercase;
}


#suchecontent form input[type="text"]{
width:360px;
height:31px;
padding:0 5px 0 5px;
border:1px solid #174f80;
}

#suchecontent form input[type="submit"]{
width:56px;
height:34px;
background-color:#174f80;
color:#ffffff;
border:none;
font-size:11px;
text-transform:uppercase;
}

#suchecontent form input[type="submit"]:hover{
width:56px;
height:34px;
background-color:#686868;
color:#ffffff;
border:none;
font-size:11px;
text-transform:uppercase;
}


/* Einstellungen Bildbereich */

#bildbereich{
position:relative;
width:960px;
height:auto;
top:0px;
margin-right: auto; 
margin-left: auto;
}


/* Einstellungen Content */

#content{
position:relative;
width:960px;
height:auto;
top:0px;
margin-right: auto; 
margin-left: auto;
border-left:1px solid #c1c1c1;
border-right:1px solid #c1c1c1;
}

#content a:link, #content a:visited{
text-decoration:none;
color:#184f81;
}

#content a:hover, #content a:active{
text-decoration:none;
color:#cccccc;
}

.readblock{ 
text-align:right;
}

a.readmore:link, a.readmore:visited{
text-decoration:none;
color:#ffffff !important;
background-color:#000000;
padding:0.4em 1.4em 0.4em 0.4em;
background-image: url(../shared/arrow-readmore-n.png);
background-repeat: no-repeat;
background-position:right center;
}

a.readmore:hover, a.readmore:active{
text-decoration:none;
color:#ffffff !important;
background-color:#cccccc;
}

#content h1{
font-size:24px;
line-height:140%;
padding:22px 25px 10px 25px;
color:#174f80;
font-weight:bold;
}

#content h2{
font-size:14px;
line-height:140%;
color:#686868;
padding:0px 25px 25px 25px;
font-weight:bold;
}

#content h3{
font-size:14px;
line-height:140%;
color:#174f80;
padding:0px 25px 25px 25px;
}

#content p{
line-height:140%;
color:#686868;
padding:0px 25px 25px 25px;
}

#content ul{
line-height:140%;
color:#686868;
padding:0px 25px 25px 25px;
margin-left:1em;
list-style-type:square;
}

#links{
width:203px;
float:left;
background-color:#ffffff;
}

#mitte{
width:554px;
float:left;
background-color:#ffffff;
}

#rechts{
width:203px;
float:left;
background-color:#ffffff;
}

#rechts ul{
line-height:140%;
color:#686868;
padding:0px 0px 0px 0px;
margin-left:0;
list-style-type:square;
}

/* Einstellungen Adresse */

#adresse{
position:relative;
top:0px;
width:100%;
background-color:#174f80;
font-size:11px;
margin-bottom:25px;
}

#adresse p{
color:#ffffff;
font-size:12px;
padding-top:15px;
padding-left:15px;
}

#links table{
line-height:140%;
color:#ffffff;
font-size:12px;
padding:0px 15px 25px 15px;
}

td.table-first{
padding-right:5px;
color:#ffffff;
}

a.tellink:link, a.tellink:visited{
text-decoration:none;
color:#ffffff !important;
cursor:text;
}

a.tellink:hover, a.tellink:active{
text-decoration:none;
color:#ffffff !important;
}

a.maillink:link, a.maillink:visited{
text-decoration:none;
color:#ffffff !important;
}

a.maillink:hover, a.maillink:active{
text-decoration:none;
color:#cccccc !important;
}



/* Einstellungen Footer */

#footer{
position:relative;
width:962px;
height:auto;
top:0px;
margin-right: auto; 
margin-left: auto;
background-color:#000000;
}

#footer a:link, #footer a:visited{
text-decoration:none;
color:#ffffff;
}

#footer a:hover, #footer a:active{
text-decoration:none;
color:#cccccc;
}


#footer h3{
font-size:14px;
line-height:140%;
color:#ffffff;
padding:15px 15px 15px 15px;
border-bottom:1px solid #ffffff;
}

#footer p{
line-height:140%;
color:#ffffff;
padding:15px 15px 15px 15px;
}

#footer ul{
line-height:140%;
color:#ffffff;
padding:15px 15px 15px 15px;
margin-left:1em;
list-style-type:square;
}

#footer-1{
width:33%;
height:200px;
float:left;
background-color:#9facca;
}

#footer-2{
width:34%;
height:200px;
float:left;
background-color:#5d7aa5;
}

#footer-3{
width:33%;
height:200px;
float:left;
background-color:#184f81;
}