/* neu */



/* 2007 */

body {background-color: #D8DBDA; margin: 0px;}
body, td {
	line-height: 16px;  
	font-family: Lucida Grande, Verdana, Arial, sans-serif; 
	font-size: 10px;
	color:#333;
}

a:link , .navi_grp{ text-decoration: none; color:#333 }
a:visited { text-decoration: none; color:#333 }
a:active { text-decoration: none; color:#333 }
a:hover { text-decoration: none; color:#E83001 }

h2 { font-size: 14px; color:#999; font-weight: normal;}
h3 { font-size: 12px;}
h4 { font-size: 12px; font-weight: normal; margin: 15px 0px 2px 0px;}




#site{
	border: 10px solid #ffffff; 
	margin:25px auto 15px auto;
	table-layout:fixed; 
}
#site.start
{	
	background-color: #aaa;
	background-image: url(grafiken/dp09_back_start.jpg);
	background-repeat: no-repeat;
	border-top: 10px solid #ffffff;
}
#site.start a:hover {color:#fff }
.spalte_l {width: 200px;}
.spalte_m {width: 460px;}
.spalte_r {width: 180px;}

#startcont {padding: 40px 40px 10px 0px;}
#site.start #smwa_logo{margin: 20px 120px;}

#cont_l
{
	background-color: #F3F4F4;
	background-image: url(grafiken/back-dp09-l.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#cont_m
{
	background-color: #F0F0F0;
	background-image: url(grafiken/back-dp09-m.jpg);
	background-repeat: no-repeat;
	padding: 0px 20px 40px 20px;
}
#cont_r
{
	background-color: #F3F4F4;
	background-image: url(grafiken/back-dp09-r.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#cont_l .navi { margin-left: 10px; margin-right: 10px; }
#cont_l li {margin-right: 10px; }
#cont_l a.auswahl{color: #E83001; }
#cont_l h1, #cont_l h2, #cont_l h3, #cont_l h4 { margin-left: 10px; margin-right: 10px; }
#cont_l p{margin-left: 20px; margin-right: 15px; color:#666;}
.logo { margin-left: 45px; margin-top: 34px ; margin-bottom: 18px}
#cont_l .smwa_logo { margin: 60px 0px 0px 50px;}
#cont_l .kategorie
{
	margin: 10px 10px 0 10px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 12px;
	background-image: url(grafiken/pfeil-OV.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.vorschau_impressionen
{
	width: 164px;
	margin: 20px auto 10px auto;
	color: #999;
}
.vorschau_impressionen.tagdesdesigns
{
	margin-top: 65px;
}
.vorschau_impressionen .vorschaubild{
	/* margin: 1px; */
	border: 1px solid #fff;
	width: 80px;
	height: 54px;
}

#cont_r #wuerfel { margin: 125px 0px 0px 20px;}
#cont_r .navi { margin: 15px 0px 163px 0px;}
#cont_r .navi div
{
	margin: 0 20px 0 20px;
	padding-left: 12px;
	background-image: url(grafiken/pfeil-OV.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	color: #E83001;
}
#cont_r .navi_grp { display: block; }
#cont_r .navi div.teiler{margin: 10px; background: none;}

.headline {margin: 135px 0px 15px 0px;}
.textblock { margin-bottom: 40px; }
.erklaerung { color: #777; font-size:9px; line-height:12px;}


/* alt */

.wuerfel_gross { margin-left: 20px; }
.wuerfel2 { margin-left: 20px; margin-top: 25px}
.wuerfel3 { margin-left: 326px; }
.wuerfel4 { margin-left: 20px; margin-top: 80px}
.logoindex { margin-left: 49px; margin-top: 0px }
.freistaat { margin-left: 70px; margin-top: 160px }


body { left: 0px; top: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 16px; font-family: Lucida Grande, Verdana, Arial; font-size: 10px }

.textindex { margin-left: 20px; margin-right: 50px; color: #FFFFFF; }
.textmitte { margin-left: 20px; margin-right: 20px;}
.textmitte_start { margin-left: 20px; margin-right: 20px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; }
.texthead { clear:both; margin-left: 20px; margin-right: 20px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #EEEEEE; }
.textheadbig { margin-left: 20px; margin-right: 20px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #666666; }
.textheadsmall { font-size: 10px; }
.textlinks { margin-left: 20px; margin-right: 10px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 10px; color: #EBEBEB; }
.navilinks { margin-left: 10px; margin-right: 10px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 10px; color: #EBEBEB; }
.links { margin-left: 10px; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; }
.strich{color:#E63514; font-weight: bold; }
.textunten { vertical-align: bottom;  }

#preistraegerliste {
	clear:both; margin: 30px 0px 20px 0px;
}
#preistraegerliste .preis{
	clear:both; margin: 0px 0px 10px 0px;
	font-size: 12px; font-weight: bold;
	color: #666666;
}
#preistraegerliste .preistraeger{
	clear:both; margin: 0px 0px 4px 20px;
	color: #000000;
	font-size: 10px;
}
#preistraegerliste .preistraeger ul{
	margin: 0px;
}
#preistraegerliste .preistraeger #name { font-weight: bold; }

.impressionen{
	clear:both; margin: 15px auto 10px 45px; width: 108px; font-size: 10px; color: #666;
}

.impressionen .bu {margin: 3px 0 20px 0; text-align: center; line-height:11px;}

.presseblock
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 460px;
	float: none;
	clear: both;
	height: auto;
	margin: 0px 20px 00px 20px;
	padding: 10px 0px 10px 0px;
	display: block;
}

.pressebilder
{
	width: 145px;
	float: left;
}

.presse_bu
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 200px;
	float: left;
	padding: 2px 0px 0px 0px;
}
.bildcontainer
{
	margin: 20px 50px 20px 50px;
}

.bew_anzahl{margin: 0px 0px 20px 0px;}


.bew_info, .bew_bildblock{width: 460px; }

.bew_bildblock, .ausstellung_thumbs
{
	height: 50px;
	overflow:hidden;
	background-image: url(grafiken/bildcont_back.gif);
}
.bew_bildblock img, .ausstellung_thumbs img
{
	margin: 0px 1px 0px 0px;
}
.bew_head .bew_name{width:410px; overflow: hidden;}
.bew_head.bew_vote{width:50px;}
.bew_head
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 7px 0px;
	border-top: 1px solid #fff;
	
}



.bew_punkte
{
	color: #ffffff;
	font-size: 10px;
}
.bew_form
{
	margin: 0px;
}
.bew_text{
	color: #000000;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
}
.bew_bu_head
{
	color: #ffffff;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	background-color: #E63514;
}
.bew_bu_text
{
	color: #CCC;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	padding: 3px 0px 5px 0px;
	background-color: #666;
}
.bew_bu_back
{
	color: #CCC;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	padding: 3px 0px 5px 0px;
	background-color: #999;
}
.bewerberblock
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	float: none;
	clear: both;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	
}
.nom_preis{margin: 0 0 60px 0;}
.nom_preis h2{color: #333;}
.nom_head
{
	color: #333;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 7px 0px;
	border-top: 1px solid #fff;
}
.nom_head .preis{font-weight: normal;}
.nom_bild{margin-right:10px; border: 1px solid #fff;}

.programm {list-style: none; margin: 0; padding:0;}

.programm .programmpunkt{list-style: none; margin: 0; padding:10px 0; border-top: 1px solid #fff;
}
.programm .programmpunkt .uhrzeit { font-weight: bold; padding-right: 5px;}
.programm .programmpunkt .titel { display: block; font-size: 12px; margin: 8px 0 1px 0;}
.programm .programmpunkt .host { display: block;}

.programm .programmpunkt .biografie{margin: 3px 0; color:#666;}
.programm .programmpunkt .biografie ul{list-style: disc;}



.partner
{
	font-size: 10px;
	width: 460px;
	margin: 0px 0px 8px 0px;
	padding: 5px;
	background-color: #FFF;
}
.partner .logo
{
	width: 160px;
}
.partner .info { vertical-align: top; }

.auswahl_kategorie{list-style:none; margin: 0; padding: 0;}
.auswahl_kategorie li{margin: 15px 0; padding: 0 0 0 5px;}


.auswahl_kategorie a { padding-left: 5px; }
.auswahl_kategorie .produktdesign { border-left: 10px solid #3586B5; }
.auswahl_kategorie .kommunikationsdesign { border-left: 10px solid #FECB09; }
.auswahl_kategorie .handwerk { border-left: 10px solid #19B26A; }
.auswahl_kategorie .juniordesign { border-left: 10px solid #F1562F; }

.anmeldeformular
{
	margin: 10px 0px 0px 0px;
	width: 100%;
}
/*
.anmeldeformular.produktdesign { border-right: 10px solid #3586B5; }
*/
#kategorie_titel
{
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 5px;
	margin-top: 12px;
}
#kategorie_titel.produktdesign {background-color: #3586B5; }
#kategorie_titel.kommunikationsdesign {background-color: #FECB09; }
#kategorie_titel.handwerk {background-color: #19B26A; }
#kategorie_titel.juniordesign {background-color: #F1562F; }

.formhead
{
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
	background-color: #ddd;
}

.formtext
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 3px 3px 3px 5px;
}

.formlinks, .formrechts, .form_breit {border-top: 1px solid #fff; background-image: url(grafiken/bg_form.png);}
/*
.formlinks, .formrechts, .form_breit {border-color: #ccc; border-style: solid; background-image: url(grafiken/bg_form.png);}

.formlinks {border-width: 0 0 1px 1px;} 
.formrechts {border-width: 0 1px 1px 0;} 
.form_breit{border-width: 0 1px 1px 1px;}
*/

.formluecke
{
	padding: 0px 0px 12px 0;
}
.formfeld
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #fff;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	margin: 1px 1px 1px 0;
	width: 280px;
}
.formfeld.klein{width: 43px; margin-right:1px;}
.formfeld.mittel{width: 230px;}
.formfeld.gross{width: 456px; margin: 1px;}
.form_select
{
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 1px 1px 1px 0;
	width: 280px;
}

#site.interviews ol {margin: 3px 0 30px 0;}
#site.interviews ol li{font-size:10px; color:#333; margin: 3px 0;}