/*
RESET CSS BEGIN COPYRIGHT BY YAHOO CODE
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2, h3, h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*
RESET CSS END
*/

/*
GENERAL DEFINTIONS DEFAULT VALUES 
*/


body{
background-image:url('../images/bg-new.jpg');
background-repeat:repeat-x;
font-family:Verdana,Helvetica,Arial;
font-size:12px;
line-height:16px;
background-color:#272726;
letter-spacing: 0px;
}


a{
font-family:Verdana,Arial,Helvetica;
text-decoration:none;
color:#FF2839;
}

a.internal-link{
}

.internal-link a:hover{
color:#FF2839;
}

.bodytext {margin-bottom:10px;}

h1 {margin-bottom:6px; margin-left:-3px;}
h2 {margin-bottom:6px; margin-left:-3px;}
h3 {margin-top:17px; margin-bottom:5px;}
h4 {margin-bottom:6px; margin-left:-3px;}
h5 {margin-bottom:6px; margin-left:-3px;}



/* ID default definitions */

#main-wrap{
margin-left:23px;
padding-bottom:23px;
width:980px;
overflow:hidden;
}

#logo{
position:absolute;
top:28px;
margin-left:23px;
}

#mnshadow{
background-image:url('../images/mnshadow.gif');
background-repeat:repeat-x;
height:23px;
width:100%;
}

#main-navi-wrap{
height:60px;
background-image:url('../images/holz.jpg');
width:100%
}

#navi{
position:absolute;
top:31px;
margin-left:133px;
width:847px;
overflow:hidden;
}

#navi ul li {
float:left;
color:#fff;
margin-right:10px;
}

#navi a {outline:0; -moz-outline:0;}


/* NAVI SONDERABSTAENDE */


#item-4{
padding-right:17px;
}

#item-5{
padding-right:45px;
}

#item-6{
padding-right:13px;
}

#item-7{
padding-right:48px;
}

#item-8{
padding-right:15px;
}

#item-9{
padding-right:100px;
}

/* ALLGEMEINE CONTAINER ANGABEN */

#main-container{
/*height:450px;*/
width:957px;
padding:0px;
margin:0px;
background-color:#FFFFFF;
/*background-image:url('../images/mainconbg.gif');
background-repeat:no-repeat;
*/
}


/*
#shadow{
width:984px;
height:17px;
background-image:url('whshadow.gif');
background-repeat:repeat-x;
}
*/

#inner-container{
background-color:#FFFFFF;
}



#content-container-left{
margin-left:15px;
width:450px;
float:left;
}


#content-container-right{
margin-left:475px;
width:460px;
background-color:#ccc;
}




/* INTRO PAGE */

#intro-box{
background-repeat:no-repeat;
width:1096px;
height:466px;
margin-top:20px;
margin-left:20px;
}


#intro-content{
background-color:#000000;
padding:22px;
color:#cdcdcd;
width:223px;
margin-left:715px;
margin-top:-132px;
}



#intro-additional{
}

.entry-link {
position:absolute; display:block; outline:0; -moz-outline:0; text-indent:725px; padding-top: 100px; width:1096px; height:366px;
}



#intro-additional p a{

color:#000;
text-decoration:none;
}

#intro-additional a:hover{
color:#ea2839;
}


#intro-nav{
padding-top:5px;
padding-left:19px;
color:#BBBBBB;
font-size:10px;
}

#intro-nav a{
color:#BBBBBB;
}


/* INTRO PAGE ENDE */



/* START PAGE */

#flash{
width:939px;
height:376px;
padding:9px;
padding-bottom:0px;
}

#teaser-container{
margin-left:95px;
background-image:url('../images/suedseite_wins_reddot2010.gif');
background-repeat: no-repeat;
background-position:753px; 
background-color:#FFFFFF;
height: 75px;
padding-top:5px;
}


#teaser-container .csc-default {
width:100px;
margin-right:11px;
float:left;
background-color: #FFFFFF;
}

#teaser-container .csc-default a {
font-size: 11px;  
font-weight: lighter;
letter-spacing: 0px;
word-spacing: -1px;
line-height: 15px;
color: #535353;
display: block;
width:100px;
border-bottom: 2px dotted #535353;
border-top: 2px dotted #535353;
padding-top:2px;
padding-bottom:4px;
}


#teaser-container .csc-default a:hover {
color:#EA2839;
border-color:#EA2839;
}

#infoboxes{
	margin-top:-5px !important;
	margin-left:363px;
}

#infoboxes .csc-frame-frame1 a{
	margin-right:9px;
	display:block;
	padding:11px;
	background-color:#000;
	width:120px;
	height:96px;
	color:#ebebeb;
	float:left;
	font-size:11px;
	
}


#infoboxes .csc-frame-frame1 a:hover{
	background-color:#FE2839;
}


/* START PAGE ENDE */

/* LEISTUNGEN AUSWAHL ANFANG */

#main-container-leistungen-start{
width:1000px;
}

#main-container-leistungen-start #left-column{
	height:800px;
	width:552px;
	background-color:#FE2839;
	color:#fff;
	float:left;

	
}


#main-container-leistungen-start #left-column p{
margin:auto;
width:300px;

}

#right-column{
	margin-left:30px;
}

#main-container-leistungen-start #right-column{
float:left;
width:290px;
margin-top:00px;
}



 #right-column .csc-frame-frame1{
width:290px;
height:135px;
color:#FFFFFF;
border:none;
margin-bottom:7px;
padding:0px;
float:left;
overflow:hidden;
}

/* Links in der rechten Spalte werden als Block-Element behandelt und koennen daher Mouseover-images erhalten */

#right-column #c5 a,#right-column #c16 a,#right-column #c17 a, #right-column #c112 a, #right-column #c113 a, #right-column #c114 a  { 
display:block;
font-size:11px;
background-repeat:no-repeat;
background-position: 0px 0px;
width:265px;
height:135px;
color:#8c8c8c;
border:none;
padding-top:68px;
padding-left:61px;
padding-right:12px;
overflow:hidden;
line-height:16px;
             }
             
/* Extrawurst fuer den IE wegen den paddings 
* html #main-container-leistungen-start #right-column a  { 
width:217px;
 }
 */
 


/* Die drei Content-Elemente mit den Links werden speziell einzeln angesprochen um die richtigen Grafiken zuordnen zu koennen*/

#right-column #c5 a { background-image:url('../images/leistungen-box-medienkonzepte-neu2.gif');}
#right-column #c5 a:hover { background-position: 0px -135px; color:#EA2839;}
      
#right-column #c16 a { background-image:url('../images/leistungen-box-design-neu2.gif');}
#right-column #c16 a:hover { background-position: 0px -135px; color:#EA2839;}
  
#right-column #c17 a { background-image:url('../images/leistungen-box-web-neu2.gif');}
#right-column #c17 a:hover { background-position: 0px -135px; color:#EA2839;}
  
#right-column #c112 a { background-image:url('../images/leistungen-box-medienkonzepte-neu2.gif'); background-position: 0px -135px; color:#EA2839;}
#right-column #c113 a { background-image:url('../images/leistungen-box-design-neu2.gif'); background-position: 0px -135px; color:#EA2839;}
#right-column #c114 a { background-image:url('../images/leistungen-box-web-neu2.gif'); background-position: 0px -135px; color:#EA2839;}
             

/* LEISTUNGEN AUSWAHL ENDE */



/* LEISTUNGEN SUB ALLGEMEIN BEGINN */

#sub-leistungen{
width:552px;
background-color:#fff;
margin-right:30px;
float:left;
}


/* LEISTUNGEN SUB ALLGEMEIN ENDE*/




/* LEISTUNGEN MEDIENKONZEPTE ANFANG */

#left-inner-leistungen-medienkonzepte {
margin-left: 2px; 
margin-top:2px;
width:450px;
float:left;
}

#left-inner-leistungen-medienkonzepte .csc-header, #left-inner-leistungen-medienkonzepte p {
margin-left:11px;
}


/* LEISTUNGEN MEDIENKONZEPTE LEISTUNGEN ENDE */





/* LEISTUNGEN DESIGN UND WEB ANFANG */

#left-inner-leistungen-design-und-web {
	margin-left: 13px;
	margin-top:183px;
	width:290px;
	padding-right:20px;
	float:left; 
	}

/* LEISTUNGEN DESIGN UND WEB ENDE */







/* PORTFOLIO ANFANG */

#main-wrap-portfolio{
margin-left:0px;
padding-bottom:23px;
width:989px;
overflow:hidden;
}

#portfolio-container{
width:989px;
height:750px;
}

/* PORTFOLIO ENDE */









/* KUNDEN ANFANG */

#main-container-kunden{
}


#main-container-kunden #left-column {
width:459px;
background-color:#fff;
float:left;
}

#main-container-kunden #left-column #left-inner {margin:13px;}

#main-container-kunden #left-column #left-inner p {width:350px;}

#main-container-kunden #left-column #left-inner .csc-header {width:245px;}

#main-container-kunden #right-column {float:left; margin-left:20px; margin-top:-4px;}

#main-container-kunden #right-column .bodytext {font-size: 11px; color:#c6c6c6;}

#main-container-kunden #right-column p {margin-bottom:4px;}

.kunden_columna_table {}

.kunden_columna_row {
vertical-align: top;
}

.kunden_columna_cell {width:136px; padding-right:20px;}

/* KUNDEN ENDE */


/* ARBEITSWEISE ANFANG */

#main-container-arbeit{
width:685px;
height:904px;
background-color:#fff;
}


#main-container-arbeit #non-bg-pic {float:left; width:368px; margin-top:0px;}

#main-container-arbeit #left-column {float:left; width:272px;}

#main-container-arbeit #left-column #left-inner {margin:13px;}


/* ARBEITSWEISE ENDE */




/* TEAM ANFANG */

#main-container-team{
}

#main-container-team #left-column {
width:880px;
height:601px;
background-color:#fff;
/*border: 6px solid;*/
border-color:#000;
margin-bottom:20px;
float:left;
}

#main-container-team #right-column {
width:155px;
color:#dcdcdc;
margin-left:13px;
float:left;
}

#main-container-team #left-column .csc-frame{
float:left;
width:160px;
font-size:11px;
color:#000000;

}

#main-container-team #left-column b{
font-size:12px;
color:#000000;
}


#main-container-team #left-column #c73{
margin-left:20px;
margin-top:40px;
}

#main-container-team #left-column #c76{
margin-top:40px;
margin-left:20px;
}

#main-container-team #left-column #c77{
margin-left:0px;
}


#main-container-team #left-column #c78{
margin-top:40px;
margin-left:20px;
}

#main-container-team a{
color:#000000;
}

#main-container-team a:hover{
color:#FF2839;
}


/* TEAM ENDE */



/* KONTAKT ANFANG */

#main-container-kontakt{
color:#000000;
}

#main-container-kontakt #left-column {
font-size: 11px;  
width:391px;
height:530px;
background-color:#fff;
float:left;
}

#main-container-kontakt #left-column #left-column-inner{
margin:13px;
margin-top:20px;
margin-left:30px;
}


.kontakt_columna_row {
vertical-align: top;
}

.kontakt_columna_cell{
width:155px;
padding-right:20px;
}

.kontakt_columna_cell .bodytext a {
font-size: 11px;  
font-weight: lighter;
letter-spacing: 0px;
word-spacing: -1px;
line-height: 15px;
color: #000000;
display: block;
width:80px;
border-bottom: 2px dotted #535353;
border-top: 2px dotted #535353;
padding-top:2px;
padding-bottom:4px;
}


.kontakt_columna_cell .bodytext a:hover {
color:#EA2839;
border-color:#EA2839;
}



#main-container-kontakt #right-column {
float:left;
margin-left:25px;
margin-bottom: 20px;
width:549px;
background-color:#fff;
}

#main-container-kontakt #right-column-inner {
margin-top:9px;
margin-bottom:9px;
background-image:url('../images/kontakt-bg-right-column.gif');
width:549px;
height:100%;
float:left;
}

#main-container-kontakt #right-column #formular{
width:318px;
border:1px solid black;
float:left;
margin-left:9px;
margin-bottom:0px;
margin-top:0px;
display: inline;
background-color:#FFFFFF;
}

#main-container-kontakt #right-column #formular #formular-inner {margin:13px;}

#main-container-kontakt #right-column #formulartext{

margin:9px;
margin-left:42px;
float:left;
width:165px;
}

#main-container-kontakt #right-column #formulartext #formulartext-inner{
margin:5px;
color: #000000; 
font-size:11px;
}

#main-container-kontakt #right-column #formulartext #formulartext-inner a {color: #000000; font-size:11px;}

#main-container-kontakt #right-column #formulartext #formulartext-inner a:hover {color: #EA2839;}

/* KONTAKT ENDE */


/* IMPRESSUM ANFANG */

#impressum-box{
margin-top:80px;
margin-left:115px;
color:#cdcdcd;
}

#impressum-box #left-column{
width:300px;
}


/* IMPRESSUM ENDE */








/*
.normal{
margin-right:15px;
}
*/


/* LETS GET CLASSY : CSS CLASSES */

.content{
height:300px;
}

.dark {
z-index:3;
background-color:#333;
padding:20px;

}






#content-container h1{
font-size:24px;
}

/* STANDARD FRAMES*/

/*
.csc-frame{
margin-top:10px;
margin-right:30px;
float:left;
width:120px;
border-top:1px solid;
border-bottom:1px solid;
border-color:#AAA;
height:60px;
color:#AAA;
}
*/

/*
.csc-frame.test {
margin-top:10px;
float:left;
width:120px;
border-top:1px solid;
border-bottom:1px solid;
border-color:#AAA;
height:60px;
color:#AAA;
}
*/

#breadcrumb h1{
margin-left:820px;
font-size:24px;
color:#AAA;
}










/* TOWER STYLING */

#main-container-vertical{
margin-left:23px;
margin-top:20px;
width:552px;
height:100%;
background-color:#FFF;
}









/* MAILFORM  */


.mf_input {
background-color:#FFFFFF;
border:1px solid #000000;
width:288px;
height:21px;
font-size:13px;
padding-top:1px;
font-family: verdana, arial; 
color: #EA2839;
}

.mf_input_field {
background-color:#FFFFFF;
border:1px solid #000000;
width:288px;
height:150px;
font-size:13px;
padding-top:1px;
font-family: verdana, arial; 
color: #EA2839;
}

.antispam_input {width:120px; height:21px; font-size:14px; color: #EA2839; border: 1px solid #000000;}

#captcha_image {float:left;}
#captcha_input {float:left; margin-left: 10px;}

.mf_zeile {width:290px;}

.mf_label {
width:288px;
text-align:left;
margin-bottom:2px;
margin-top:6px;
font-size:10px;
color:#000000;
font-weight:bold;
}


#mf-error-message {
padding-top:6px;
padding-bottom:6px;
border-top:1px solid #EA2839;
border-bottom:1px solid #EA2839;
}

.mf_error {
width:290px;
margin-top:4px;
color:#EA2839;
font-size:11px;
font-weight:normal;
}

.mf_error ul {margin-top:8px; }

.mf_error li {
color:#EA2839;
font-size:11px;
font-weight:bold;
list-style-type:none;
}

.mf_spacer {font-size:1px; line-height:1px;}

#mf_clearfloat {clear:left;}

.button_senden {height:23px; width:60px; border:1px solid #000000; background-color:#dddddd; color:#6f6f6f; font-weight:bold;}

.button_senden:hover {border:1px solid #000000; background-color:#EA2839; color:#FFFFFF; font-weight:bold;}


/* MAILFORM ENDE */


/* NEWS */

#news-wrap{
width:500px;
height:650px;
}

#news-container{
width:420px;
padding:35px;
}

#news-container .csc-frame{
border-bottom:2px dotted #535353;

}

#news-container .csc-textpic-left .csc-textpic-imagewrap{
margin-bottom:12px;
}





/* optional only for template-3 */


/*
#spacer{
height:80px;
width:10px;
}
*/

/*
#shadow{
width:984px;
height:17px;
}
*/