/* ALLGEMEINE FORMATIERUNGEN */
* {
 margin:0;
 padding:0
}

body{
 background:#fff url(/templates/images/hintergrund.jpg) repeat-y;
 color:#444;
 font:0.8em "trebuchet ms",arial,sans-serif;
 text-align:center
}


/* LAYOUT (GROB) FORMATIERUNGEN */
#seite{
 margin:0 auto;
 text-align:left;
 width:49em
}

#links{
 float:left;
 margin:0 0 40px 0;
 width:30em
}

#rechts{
 float:right;
 margin:0 0 40px 0;
 width:18em
}

#gesamt{
 margin:0 0 40px 0;
}


#komplett{
 margin:0 0 40px 0;
}

#unten{
 border-top:1px solid #ccc;
 clear:both;
 margin:0 0 20px 0
}


/* GENAUERE LAYOUT-FORMATIERUNGEN */
.obenlinks{
 float:left;
 font-size:0.9em;
 margin:30px 0 5px 0;
 width:60%; 
 line-height:100%
}

.obenrechts{
 float:right;
 text-align:right;
 font-size:0.9em;
 margin:30px 0 5px 0;
 width:40%;
 line-height:100%
}

#titel{
 border:1px solid #ccc;
 border-bottom:2px solid #ccc;
 border-right:2px solid #ccc;
 clear:both;
 margin:0px 0 10px 0;
}

#titellink{
 background:#c00;
 margin:5px;
 padding:60px 0 20px 10px
}

.unten{
 font-size:.9em;
 text-align:center
}


/*LAYOUT NAVIGATIONSLEISTE */
#navigation{
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
}

#navigation ul{
 margin:5px 0
}

#navigation ul li{
 display:inline;
}

#navigation ul li a{
 color:#777;
 margin:0 15px 0 0;
 text-decoration:none;
}

#navigation a:before {
 content:"» "
}

#navigation ul li a:hover{
 color:#000;
}

#navigation ul li a#aktuell{
 color:#000;
}

body#startseite a#sta, body#uebermich a#ich, body#projekte a#pro, body#sonstiges a#son, body#links a#lin, body#kunstwerke a#kun, body#veranstaltungen a#ver {
 color:#000
}


/* SCHRIFT-FORMATIERUNGEN */
h1,h2,h3,h4,h5,h6{
 font-family:verdana,arial,sans-serif;
 font-size:1.2em;
 font-weight:normal;
 padding:20px 0 1px 0
}

#links p{
 line-height:170%;
 margin:0 0 10px 0;
 text-align:justify
}

#rechts h1,h2,h3,h4,h5,h6{
}

#rechts{
 font-size:0.9em
}

#rechts p{
 line-height:160%;
 text-align:justify
}

#komplett h1,h2,h3,h4,h5,h6{
}

#komplett p{
 line-height:170%;
 margin:0 0 10px 0;
 text-align:justify
}

code{
 background:#eee;
 border-bottom:1px dashed #ccc;
 font:1em "trebuchet ms",arial,sans-serif;
 line-height:140%;
 margin:5px 0;
 padding:2px;
}

pre{
 background:#eee;
 border:1px dashed #ccc;
 font-family:courier,sans-serif;
 line-height:140%;
 margin:5px 0;
 padding:2px;
 width:auto
}




/* LINK-FORMATIERUNGEN */
a:link,a:visited,a:active{
 color:#444;
 text-decoration:underline
}

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

#titellink a:link,#titellink a:visited,#titellink a:hover,#titellink a:active{
 color:#fff;
 font-family:verdana,arial,georgia,sans-serif;
 font-size:2.4em;
 text-decoration:none
}

a:link img, a:visited img{
 border:0
}

a:hover img{
 border:0
}

.obenrechts ul li a{
 color:#777;
 text-decoration:none
}

.obenrechts ul li a:hover{
 color:#000;
 text-decoration:none
}

.obenrechts a:before {
 content:"| "
}

#titellink a:before{
 content:"+ "
} 




/* SONSTIGE FORMATIERUNGEN */
img{
 border:0
}

.obenrechts li{
 display:inline
}

.liste{
 padding:0 0 0 25px
}

.textbildlinks{
 float:left;
 margin-right:8px
}

.bild{
 display: block;
 margin-left: auto;
 margin-right: auto
}

.textbildrechts{
 float:right;
 margin:8px 8px 0px 8px
}

.textbilduebermich{
 float:right;
 margin:8px 8px 0px 8px
}

#rechts ul{
 list-style-type:disc;
 margin:0;
 padding:0 0 0 15px
}

#google{
 background:#eee;
 border-bottom:1px solid #ccc;
 border-top:1px solid #ccc;
 padding:1em;
 text-align:center;
 width:auto
}

#googleinnen{
 background:#fff;
 border:1px solid #ccc;
 padding:1em;
 text-align:left
}

.anzeige{
 font-family:verdana,arial,sans-serif;
 font-size:1.2em;
 font-weight:normal;
 line-height:170%;
 margin:0;
 padding:20px 0 0 0;
}


/* Kontaktformular */
.formular {
 width:48em
}

.ebene {
 clear: both;
 padding: 2px 0
}

.label {
 float:left;
 padding:3px 0 0 0;
 width:10em
}

.feld{
 float:left;
 width:30em
} 

.submit{
 clear: both;
 margin:1em 0 0 10em
}

.feldbreite{
 background:#eee;
 border:1px solid #ccc;
 font:1em "trebuchet ms", arial, sans-serif;
 overflow:auto;
 width:30em
}


/* Loginformular */
.loginformular {
 width:10em
}

.loginebene {
 clear: both;
 padding: 2px 0
}

.loginlabel {
 float:left;
 padding:3px 0 0 0;
 width:10em
}

.loginfeld{
 float:left;
 width:8em
} 

.loginsubmit{
 clear: both;
 margin:1em
}

.loginfeldbreite{
 background:#eee;
 border:1px solid #ccc;
 font:1em "trebuchet ms", arial, sans-serif;
 overflow:auto;
 width:10em
}

/* Kunstwerke */
.kunstwerkeboxcontainer{
 clear:both;
 border-top:1px solid #ccc;
 overflow:hidden;
 padding:8px 0px;
 margin:5px 0px;
}

.kunstwerkeboxbild {
float: left;
border: 1px solid #ccc;
margin: 0px 10px 0px 0px;
}

.kunstwerkeboxueberschrift {
 font-family:verdana,arial,sans-serif;
 font-size:1.0em;
 font-weight:bold;
 margin: 0px 0px 2px 0px;
}

.kunstwerkeboxtext {
 text-align:justify;
}

/* nicht genutz */
.kunstwerkeboxlink {
 color:#fff;
 font-family:verdana,arial,georgia,sans-serif;
 font-size:2.4em;
 text-decoration:none
}

/* geht nicht! */
.kunstwerketextmehr {
 color:#FE9A2E;
 text-decoration:none;
}

/* Kunstwerkebilder */
.kunstwerkebildercontainer {
 clear:both;
 border-top:1px solid #ccc;
 overflow:hidden;
 padding:8px 0px;
 margin:5px 0px;
 text-align:center
}

.kunstwerkebilder {
 border: 1px solid #ccc;
}