@charset "UTF-8";

/*-------------------------------------------------*/
/* ================== BASIC STYLES ================*/
/*-------------------------------------------------*/
*{margin:0; padding:0;}
body{background-color:#ffffff; background-image:url(images/bg.jpg); background-repeat:repeat-y; background-position:center; font-family:Arial, Verdana, sans-serif; color:#000000; font-size:75%; margin:0 0 10px;}
table{font-size:100%;}/*makes font size in tables the same as the rest of the site*/
a img{border:none;}/*removes borders from images that are links*/
a{text-decoration:none; color:#000; font-weight:bold; }
a:hover{text-decoration:none; color:#333; font-weight:bold;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}/* get rid of link focus borders in firefox '-moz-' only needed before Mozilla 1.8 / Firefox 1.5 */
h1{text-transform:uppercase; font-weight:normal; font-size:2em; font-family:Arial, Helvetica, sans-serif;}
h1 span, h1 a{background-color:#000000; padding:3px 7px 2px; color:#FFFFFF; letter-spacing:2px; font-family:Georgia, "Times New Roman", Times, serif;}
h1 span a, h1 a span{padding:0;} /* In case a heading has both span and link tags */
h2{font-weight:bold; text-transform:uppercase; font-size:160%; margin:0; padding:0;}
h3{font-weight:normal; margin:0; padding:0; font-size:130%;}
h4{font-weight:normal; margin:0; padding:0; font-size:100%;}
a.skiplink {position:absolute; left:-5000px;}
.clear{ clear:both;}
hr {color: #339966;background: #339966;height:1px;width: 100%;border:none;margin-top:0px;margin-bottom:0px;
}

.oneColFixCtr #container {
	width: 800px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	padding-top: 10px;
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
#headline {font-size:18px;padding:10px 0px 5px 0px;}
#navigation {height: 20px; background-color:#000; padding-top:5px; color:#FFF;font-size: 13px;text-align: right; 
}

#navigation a{color:#fff; text-decoration:none}
#navigation a:hover {color:#999; text-decoration:none;}
/* Generic & specific list styles */

#navigation ul{list-style:none; align:right;}
#navigation ul li{display:inline;}
#navigation ul li span.sep{padding:0 3px 0 6px;}
#navigation ul.menu li{padding:0 20px 0 10px;}
#navigation ul.menu li.first{padding-left:20;}
#navigation ul.menu li.last{padding-right:0;}
#navigation ul.menu li img{ position:relative; top:8px;}
#navigation ul.menu li.icons {padding:0px;}
#navigation ul.menu li.icons span.sep {font-size:16px;} 
#navigation ul.menu li.icons img{ position:relative; top:8px;}
#navigation ul.menu li.app img{ margin-right:4px;}




#subnavi a{text-decoration:none; color:#000; font-weight:bold; }
#subnavi a:hover{text-decoration:none; color:#000; font-weight:bold; background-color:#CCC;}

#introtext {color:#000;  width: 450px;  background-color:#fff; padding: 10px 0px 10px 0px;  background-image:url(images/bg_text.jpg); background-repeat: repeat-y; clear:both;}
#introtextr {color:#000;  width: 450px;  background-color:#fff; padding: 10px 0px 0px a0px;  background-image:url(images/bg_text_r.jpg); background-repeat:repeat-y; float:right;}
#textleft {width: 360px; padding-top:20px;}
#textleft2 {width: 360px; padding-top:20px;}
#textright {width: 360px; padding-top:20px; float:right; clear:both;}

#proj_einelinie {color:#000;  width: 800px; height:550px; background-color:#fff; padding: 10px 0px 10px 0px;  background-image:url(images/p_einelinie.jpg); background-repeat: none; background-position:top; clear:both;}
#proj_mianki {color:#000;  width: 800px;  background-color:#fff; padding: 10px 0px 10px 0px;  background-image:url(images/p_mianki.jpg); background-repeat: repeat-y; clear:both;}
#proj_wommy {color:#000;  width: 800px; height: 205px; background-color:#fff; padding: 10px 0px 10px 0px;  background-image:url(images/p_wommy.jpg); background-repeat: none; clear:both;}
#proj_kostum {color:#000;  width: 800px; height: 240px; background-color:#fff; padding: 10px 0px 10px 0px;  background-image:url(images/p_kostum.jpg); background-repeat: none; clear:both;}


#titel {padding-top:0px; margin-top:0px; height:333px;}
#intro {padding-top:0px; margin-top:0px; height:200px;}
#year {padding-top:20px; margin-top:0px; height:50px; clear:both;}

.untertitel {height:20px;  padding-top:2px;}
#neu {color:#FFF; margin-top: 10px; margin-right: 5px; text-align:center; width: 395px; height:325px; background-color:#000; background-position:right;  float:left;}
#neu a{color:#999; text-decoration:none}
#neu a:hover {color:#fff; text-decoration:none;}

#cat {color:#FFF; margin-top: 10px; margin-left:5px; text-align:center; width: 395px; height:325px; background-color:#000; float:right;}
#cat a{color:#999; text-decoration:none}
#cat a:hover {color:#fff; text-decoration:none;}

#catwhite {color:#000; margin-top: 10px; margin-left:5px; text-align:center; width: 395px; height:265px; background-color:#fff; float:right;}

#gal {color:#FFF; margin-top: 10px;  width: 196px; height:225px; background-color:#fff; float:left; text-align:center; padding: 0px 2px 0px 2px;}
.bezeichnung { background-color:#FFF; color:#000; height:20px;  padding-top:6px;}
#gal a{color:#666;text-decoration:none; }
#gal a:hover {color:#999; text-decoration:none;}

#atelier {
	text-align:center;
	color:#CCC;
	margin-top: 10px;
	margin-left:5px;
	width: 800px;
	height:230px;
	background-color:#000;
	float:right;
	font-style: inherit;
	
}
#atelier a{ text-align:center; color:#ccc; text-decoration:none;}
#atelier a:hover {color:#999; text-decoration:none;}