/*******SUNBEAM (SA) ***********/


@import(reset.css);

html,body{margin:0;padding:0}

body{
background-color:#FFFFFF;
color:#222222;
font-family:Arial,Helvetica,sans-serif;
font-size:75%;
text-align:center;
}

p{margin:10px 10px 10px 10px; line-height:1.5em}

a{color: #003191;}	
a:hover{color: black; text-decoration:none}

	
h1 {
font-size:1.8em;
}

h2 {
font-size:1.6em;
}

h3 {
font-size:1.4em;
}

h4 {
font-size:1.2em;
}


/************LAYOUT********************/

#wrapper {
background-color:transparent;
color:#222222;
margin:0pt auto;
position:relative;
text-align:left;
width:82em;
}

#headcol1{
float: left;
width: 15%;
}

#headcol2{
float: left;
width: 46em;
margin-left: 6%;
}

#headcol3{
float: left;
width: 15em;
margin-left: 2%;
}

.contentcol1 {
font-size: 1.1em;
float: left;
width: 15%;
}

#contentcol2{
float: left;
width: 45em;
margin-left: 5%;
}

#contentcol3{
float: right;
width: 18.1em;
margin-left: 2%;
}

.contentcol1start {
font-size: 1.1em;
float: left;
width: 15%;
}


#contentcol2start{
margin-left: 17em;
}

#contentcol2start p.bild{
overflow: hidden;
margin:0 0 20px 0;
padding:0
}


#header {
height: 20px;
background: url(../img/top_row_bg.png) 0 0 repeat-x;
}

#headlinks {
font-size:.9em;
margin-right:150px;
margin-top:20px;
float: right
}

#footer{
clear: both;
background: url(../img/bottom_row_bg.png) 0 0 repeat-x;
height: 3em;
}

#bottomMenu {
float:right;
font-size:.9em;
margin-right:150px;
padding-top:8px;
}

#breadcrumbs {
margin-bottom:20px;
margin-right:16px;
padding-bottom:5px;
text-align:left;
}


.hidden {
position: absolute;
left: -3000px
}

#clearer {
clear: both;
}


#margibox ul {
list-style-type:none;
line-height:1.7em;
margin: 0 0 0 10px;
}

#margibox {
background-color: #f0f0f0;
}

#margibox p {
padding: 10px
}

#startbox_tags {
width: 20em;
float: left;
padding-right: 20px;
margin-bottom: 20px
}

#startbox_themen {
width: 23em;
float: left;
margin-bottom: 20px
}

#themenbox {
background-color: #f0f0f0;
font-size: .9em;
padding: 5px
}

#themenbox p {
padding: 0px 10px 0 10px
}

#themenbox ul {
list-style-type:none;
line-height:1.7em;
padding: 5px
}

#themenbox ul li {
display: inline;
}

#tagbox ul {
list-style-type:none;
line-height:1.7em;
margin: 0 0 0 10px;
padding: 5px;
}

#tagbox ul li {
display: inline
}

#tagbox {
background-color: #f0f0f0;
}

#sp_box {
font-size: .9em;
margin: 120px 0 0 20px;
color: #666
}


/* rounded corners */
b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px}


/******************SUCHE********************/

#search {
margin-top: 25px;
background: #dbdbdb url(../img/suchbg.jpg) repeat-x 0 0;
}

#search div.suchtitel {
margin: 10px;
float: left;
font-size: 1.3em;
font-weight: bold;
color: #666;
letter-spacing:-1px
}

#search form input.textfield {
background:#fff  none repeat scroll 0%;
border-color:#707070 rgb(219, 219, 219) rgb(219, 219, 219) rgb(112, 112, 112);
border-style:solid;
border-width:1px;
font-size:18px;
height:1.3em;
margin:20px 10px 10px;
width:21.5em;
}

#search form input.button {
background: #eeeeee url(../img/buttonbg.gif) 0 0 repeat-x;
border:1px solid #ccc;
font-weight:bold;
height:2.16em;
margin:20px 5px 10px 1px;
width:8em;
}

#search form input.button:hover {
background: #eee;
border:1px solid #ccc;
cursor: pointer
}


#search input {
background:transparent none repeat scroll 0%;
border:medium none;
}

div.radio {
background:transparent none repeat scroll 0%;
font-size:0.9em;
margin-top:10px;
}

/********************LOGIN********************/

#loginbox {
width: 18em;
margin-top:23px;
background:#f0f0f0 none repeat scroll 0% 50%;
}

#loginbox .loginbutton {
margin:6px 0 6px 0;
}

#loginbox a {
background: #eeeeee url(../img/buttonbg.gif) 0 0 repeat-x;
border:1px solid #ccc;
font-weight:bold;
height:2.16em;
padding:5px 10px 5px 10px;
width:8em;
margin: .5em 0 0 5.9em;
text-decoration:none;
color: #666  !important;
}

#loginbox a:hover {
background: #eee;
border:1px solid #ccc;
color: #333  !important;
} 


#loginbox form input.textfield {
background:#fff none repeat scroll 0% 50%;
border-color:#707070 rgb(219, 219, 219) rgb(219, 219, 219) rgb(112, 112, 112);
border-style:solid;
border-width:1px;
width:9em;
}

#loginbox form label{
padding: 4px 0 0 10px;
display: block;
float:left;
width: 5em;
}

form div {
padding: 7px 0 2px 0;
}

/*================Pager=================*/

#pager {
background-color:#F0F0F0;
float:right;
height:22px;
margin-bottom:15px;
margin-right:10px;
}

#pager_lcap {
background:transparent url(../img/pager_lcap.png) repeat scroll 0%;

height:22px;
}

#pager_content {
float:left;
font-size:11px;
padding:3px;
text-align:right;
}

/*================Filters=================*/

#filters ul {
margin-left:0px;
padding:0px;
}

#filters ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:10px;
padding-bottom:5px;
text-align:left;
}

/*================Vorschau Bilder =================*/

ul#thumbnails {
list-style-type:none;
margin:0pt;
padding:0pt;
}

ul#thumbnails li {
float: left;
padding:1em 1em 1em 0
}

div#mainpic {margin-left: 30px;}
div#thumbnails img {border: 0;margin:6pt 0pt 0pt 12px;padding:0pt 4px 0pt 0pt;}
div#thumbnails  {margin: 0px 0 6em 0em; width:48.5em;}
*+html div#thumbnails  {margin: 0px 0 6em 0; width:48.5em;}

.content_strokes {background:#fff url(../img/bg_strokes_content.gif) repeat scroll left top;height:15px;margin:5px 0 0 10px; width: 550px }

#bildunterschrift {
margin-left: 10px
}