/* Media-Maedel CSS by Vera Zimperfeld */

* { margin:0; padding:0; }

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#000;
	background:url(../gfx/bg_main.jpg) top center no-repeat;
	background-color:#fff;
}



a {
	font-size:10px;
	color:#e10686;
	font-weight:bold;
	text-decoration:underline;
	}
	
a:hover{
	color: #5e5e5e;
}

a:active, a:focus {outline: none}

p{
	line-height:170%;
	margin-bottom:20px;
}
	
	
.visible {
	display:none;
}

h1 {
	font-size:12px;
	font-weight:bold;
	color:#e10686;
	margin-bottom:10px;
}

h2 {
	font-size:12px;
	color:#000000;
	margin-bottom:10px;
}


img { border:none; }

.small {
	font-size:10px;
}


.clear {
	clear:both;
}


td {
	font-size:11px;
	border-bottom: 1px solid #fff;
	padding:9px 3px;
}

td p{
	margin:0;
}

td img{
	margin-right:3px;
	border:1px solid #000;
}

.lastrow {
	border:none;
	padding-bottom:30px;
}

.left {
	float:left;
	border:1px solid #737373;
	margin:5px 15px 15px 0;
}

.right {
	float:right;
	border:1px solid #737373;
	margin:0 10px 10px 5px;
}


ul {
	margin-left:40px;
	margin-bottom:20px;	
	line-height:150%;
	}
	
li {
	margin-bottom:10px;
}

#container {
	margin:auto;
	padding:0;
	text-align:left;
	width:903px;
	margin-top:68px;
	background:url(../gfx/bg_container.gif) top left repeat-y;
}
	
#topline {
	width:903px;
	height:29px;
	padding-top:30px;
	text-align:right;
}

#topline a{
	padding-left:15px;
	color:#000000;
	font-weight:normal;
	background:url(../gfx/impressum.gif) top left no-repeat;

}	



.block {
	width:903px;
}

.block_links {
	width:227px;
	margin-right:3px;
	float:left;
}

.block_rechts {
	width:673px;
	float:left;
}

.content {
	width:633px;
	padding:20px 20px 0 20px;

}

.footer {
	width:863px;
	padding:10px 25px 10px 15px;
	background-color:#000;
	color:#FFF;
	line-height:150%;
	font-size:10px;
	text-align:right;
	
	}


.horiz_line {
	clear:both;
	width:903px;
	height:3px;
	background:url(../gfx/bg_horiz_line.gif) top left repeat-x;

}


.box {
	width:627px;
	padding:2px;
	background:url(../gfx/bg_box.gif) top left no-repeat;
	overflow:auto;
}
.box_img {
	width:200px;
	height:160px;
	float:left;
}
.box_text {
	width:397px;
	padding:20px 10px 0 20px;
	float:left;
}
.box_ende {
	clear:both;
	width:631px;
	height:3px;
	background:url(../gfx/bg_box_ende.gif) top left repeat-x;
	margin-bottom:20px;
}



/*---------------------------------TRENNER----------------------------------------------------------------*/

.trenner_copy {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_copyright.gif) top left no-repeat;
}

.trenner_verstoss {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_verstoss.gif) top left no-repeat;
}

.trenner_links {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_links.gif) top left no-repeat;
}

.trenner_haftung {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_haftung.gif) top left no-repeat;
}

.trenner_webdesign {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_webdesign.gif) top left no-repeat;
}

.trenner_printdesign {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_printdesign.gif) top left no-repeat;
}

.trenner_corporatedesign {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_corporatedesign.gif) top left no-repeat;
}

.trenner_preise {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_preise.gif) top left no-repeat;
}

.trenner_partner {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_partner.gif) top left no-repeat;
}
.trenner_kontakt {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_kontakt.gif) top left no-repeat;
}
.trenner_info {
	witdh:903px; height:39px;
	clear:both;
	background:url(../gfx/tr_info.gif) top left no-repeat;
}
/*-----------------------HEAD----------------------------------------------------------*/

#head_start{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_start.gif) top left no-repeat;
}
#head_mg{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_mg.gif) top left no-repeat;
}

#head_mm{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_mm.gif) top left no-repeat;
}
#head_service{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_service.gif) top left no-repeat;
}
#head_referenzen{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_ref.gif) top left no-repeat;
}
#head_partner{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_partner.gif) top left no-repeat;
}
#head_kontakt{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_kontakt.gif) top left no-repeat;
}
#head_impressum{
	witdh:903px;
	height:108px;
	background:url(../gfx/head_impressum.gif) top left no-repeat;
}




/*-----------------------NAVI----------------------------------------------------------*/
#top_nav {
	width:903px;
	height:44px;
	background:url(../gfx/bg_nav.gif) top left repeat-x;	
}

#top_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#top_nav ul li {
	display:inline;
}

#top_nav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	height:44px;
}

/*------------------------------------------*/
#top_nav ul li a.start {
	width:230px;
	background:url(../gfx/nav/startseite.gif) top left no-repeat;
}
#top_nav ul li a:hover.start, a.aktivstart {
	width:230px;
	background:url(../gfx/nav/startseite_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#top_nav ul li a.mediengestaltung {
	width:156px;
	background:url(../gfx/nav/mg.gif) top left no-repeat;
}
#top_nav ul li a:hover.mediengestaltung, a.aktivmediengestaltung {
	width:156px;
	background:url(../gfx/nav/mg_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#top_nav ul li a.service {
	width:91px;
	background:url(../gfx/nav/service.gif) top left no-repeat;
}
#top_nav ul li a:hover.service, a.aktivservice {
	width:91px;
	background:url(../gfx/nav/service_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#top_nav ul li a.referenzen {
	width:112px;
	background:url(../gfx/nav/referenzen.gif) top left no-repeat;
}
#top_nav ul li a:hover.referenzen, a.aktivreferenzen {
	width:112px;
	background:url(../gfx/nav/referenzen_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#top_nav ul li a.mediamaedel {
	width:129px;
	background:url(../gfx/nav/mediamaedel.gif) top left no-repeat;
}
#top_nav ul li a:hover.mediamaedel, a.aktivmediamaedel {
	width:129px;
	background:url(../gfx/nav/mediamaedel_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.partner {
	width:90px;
	background:url(../gfx/nav/partner.gif) top left no-repeat;
}
#top_nav ul li a:hover.partner, a.aktivpartner {
	width:90px;
	background:url(../gfx/nav/partner_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.kontakt {
	width:95px;
	background:url(../gfx/nav/kontakt.gif) top left no-repeat;
}
#top_nav ul li a:hover.kontakt, a.aktivkontakt {
	width:95px;
	background:url(../gfx/nav/kontakt_ro.gif) top left no-repeat;
}
/*-------------------------------SUBNAVI---------------------------------------------------------*/

#sub_nav {
	width:227px;
	text-align:left;
}
	
#sub_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sub_nav ul li {
	display:inline;
}

#sub_nav ul li a {
	width:227px;
	height:39px;
	margin-top:3px;
	text-decoration:none;
	display:block;
}

/* ---------------------------------------------------------------------------------------- */

#sub_nav li a.wd {
	background:url(../gfx/nav/subnav_wd.gif) top left no-repeat;
}
#sub_nav ul li a:hover.wd, a.aktivwd {
	background:url(../gfx/nav/subnav_wd_ro.gif) top left no-repeat;
}

/* ---------------------------------------------------------- */
#sub_nav li a.pd {
	background:url(../gfx/nav/subnav_pd.gif) top left no-repeat;
}
#sub_nav ul li a:hover.pd, a.aktivpd {
	background:url(../gfx/nav/subnav_pd_ro.gif) top left no-repeat;
}

/* ---------------------------------------------------------- */
#sub_nav li a.cd {
	background:url(../gfx/nav/subnav_cd.gif) top left no-repeat;
}
#sub_nav ul li a:hover.cd, a.aktivcd {
	background:url(../gfx/nav/subnav_cd_ro.gif) top left no-repeat;
}

/* ---------------------------------------------------------- */




/* ----------------------  FORMULAR ---------------------- */
.formular {
	width:600px;
}



input, .formular select{
	width:270px;
	height:19px;
	margin-bottom:10px;
	border:1px solid #000;
	color:#2f2f2f;
	background-color:#e3e3e3;
	padding:5px 2px 2px 2px;
	font-family:Verdana, Geneva, sans-serif;
}

input:focus{
	border:1px solid #e10686;
	background-color:#fff;
}

input.alter {
	width:60px;
}

.formular label{
	clear:both;
	width:80px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:6px;
}



#Nachricht {
	width:270px;
	height:110px;
	overflow:auto;
	border:1px solid #000;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#e3e3e3;
	font-size:12px;
	padding:3px;
} 

#Nachricht input:focus{
	border:1px solid #e10686;
	background-color:#fff;
}

input.submit_button {
	border:none;
	width:109px;
	height:34px;
	padding-left:90px;
	background-color:#fff;
}

.pink {
	font-size:12px;
	color:#e10686;
}

.errorBox{
	background:#e10686;
	padding:5px;
	width:265px;
	font-weight:bold;
	color:#fff;
	margin:0 5px 20px 90px;
	display:none;
}