/* CSS Document */
/* Design by Artis Web Design
   http://artiswebdesign.net
   Copyright 2009 - 2010: Artis Web Design */

/* Dynamic Slogan und Header Seiten ----------------------------- */
#dynamic_slogan {
	position:relative;
	left:-12px;
	top:0px;
	margin-top:33px;
	width:997px;
	height:257px;
	background:url(../images/dynslogan-olr.png);
	background-repeat:repeat-x; 
	background-position:top center;
	background-color:rgb(255,255,255);
}
#dynamic_slogan .lou {
	position:relative;
	background:url(../images/dynslogan-lou.png);
	background-repeat:no-repeat; 
	background-position:0px 5px;
}
#dynamic_slogan .rou {
	position:relative;
	background:url(../images/dynslogan-rou.png);
	background-repeat:no-repeat; 
	background-position:right 5px;
}
#dynamic_slogan .ulr {
	position:relative;
	background:url(../images/dynslogan-ulr.png);
	background-repeat:repeat-x; 
	background-position:bottom center;
}
#dynamic_slogan .ol {
	position:relative;
	background:url(../images/dynslogan-ol.png);
	background-repeat:no-repeat; 
	background-position:top left;
}
#dynamic_slogan .or {
	position:relative;
	background:url(../images/dynslogan-or.png);
	background-repeat:no-repeat; 
	background-position:top right;
}
#dynamic_slogan .ul {
	position:relative;
	background:url(../images/dynslogan-ul.png);
	background-repeat:no-repeat; 
	background-position:bottom left;
}
#dynamic_slogan .ur {
	position:relative;
	background:url(../images/dynslogan-ur.png);
	background-repeat:no-repeat; 
	background-position:bottom right;
}
/* Dynamic Slogan und Header Seiten (Ende) ----------------------------- */

/* Dynamic Slogan Startseite -------------------------------- */
#dyn_slogan {
	position:relative;
	top:0px;
	left:12px;
	width:985px;
	height:257px;
	overflow:hidden; /* Sonst werden alle Listenelemente angezeigt... */
	background-image:url(../images/dynslogan-bg_left.jpg); 
	background-repeat:no-repeat; 
	background-position:0px 5px;
	/*background:rgb(255,255,200);*/
	/*opacity:0.5;*/
}
#ul_dyn_slogan {
	position:relative;
	top:0px;
	left:0px;
	/*background:rgb(255,220,200);*/
}
#dyn_slogan ul, #dyn_slogan li {
	margin:0;
	padding:0;
	list-style:none;
}
#dyn_slogan li { 
	width:790px;
	height:240px;
	overflow:hidden; 
	margin-top:5px;
	margin-left:63px;
	/*background:rgb(255,200,222);*/
}

#dyn_slogan li a,
#dyn_slogan li a:visited,
#dyn_slogan li a:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#dyn_slogan li a.dyn_title {
	font-size:17px;
	letter-spacing:0px;
	font-weight:bold;
	font-style:normal;
	line-height:2.0em;
	letter-spacing:1px;
	text-shadow: 0px 0px 10px #333; /* Left, Top, Vignette, Farbe*/
}
#dyn_slogan li a.dyn_text {
	font-size:12px;
	line-height:0.5em;
	font-weight:normal;
	word-spacing:1px;
}
#dyn_slogan .slogan {
	width:425px;
	height:215px;
	padding-top:132px;
	color:rgb(98,0,0);
	float:left;
	/*background:rgb(255,200,200);*/
}
#dyn_slogan .pic {
	float:right;
	height:240px;
	overflow:hidden; 
	/*background:rgb(255,200,100);*/
}
#dyn_slogan .pic img {
}

.m_grey {
	color:rgb(170,170,170);
	line-height:1.2em;
}
.d_grey {
	color:rgb(0,0,0);
	line-height:1.2em;
}
/*
.curriculum {
	color:rgb(0,57,91);
}*/
.professional_websites {
	color:rgb(254,184,89);
	color:rgb(234,126,17);
	color:rgb(247,247,247);
	color:rgb(255,255,255);
}
.grafik {
	color:rgb(255,179,80);
}
.portfolio {
	color:rgb(255,177,2);
	color:rgb(242,241,240);
}
.fotos {
	color:rgb(244,45,27);
	color:rgb(237,59,34);
}
.webdesign {
	color:rgb(184,223,32);
	color:rgb(177,209,48);
}
.seo {
	color:rgb(180,180,180);
	color:rgb(216,183,97);
	color:rgb(250,184,12);
}
.hosting {
	color:rgb(230,107,41);
	color:rgb(241,113,28);
	color:rgb(226,90,29);
	color:rgb(255,120,15);
}
.uebersetzungen {
	color:rgb(121,203,3);
	color:rgb(152,213,73);
	color:rgb(172,208,74);
	color:rgb(134,196,51);
}

/* Dynamic Slogan Startseite (Ende) -------------------------------- */


/* Slogan andere Seiten -------------------------------- */
#slogan_seite {
	position:relative;
	top:0px;
	left:210px;
	width:590px;
	height:285px;
	padding-top:20px;
	/*background:rgb(255,200,222);*/
}
#slogan_seite .slogan {
	width:330px;
	height:205px;
	padding-top:100px;
	color:rgb(98,0,0);
	float:left;
	text-align:right;
	padding-right:0px;
	/*background:rgb(255,200,222);*/
}
#slogan_seite .slogan fieldset { 
	overflow:hidden; 
	border:none;
	font-size:12px;
	line-height:0.6em;
	/*background:rgb(255,200,222);*/
}
#slogan_seite .pic {
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	top:0px;
	right:0px;
	width:230px;
	height:295px;
	padding-top:10px;
	/*border:1px solid rgb(0,0,0);*/
}

#slogan_seite ul, #slogan_seite li {
	margin:0;
	padding:0;
	list-style:none;
}
#slogan_seite li { 
	width:590px;
	height:305px;
	overflow:hidden; 
	/*background:rgb(255,200,222);*/
}

#slogan_seite li a,
#slogan_seite li a:visited,
#slogan_seite li a:hover { 
	color:rgb(98,0,0);
	text-decoration:none;
}
#slogan_seite li a.dyn_title,
#slogan_seite li .dyn_title {
	font-size:19px;
	letter-spacing:0px;
	font-weight:normal;
	font-style:normal;
	line-height:2.0em;
}
#slogan_seite li a.dyn_text,
#slogan_seite li .dyn_text {
	font-size:12px;
	font-weight:bold;
	line-height:1.3em;
	/*font-style:italic;*/
}
#ul_dyn_slogan {
	/*display:none;*/
}

/* Slogan andere Seiten (Ende) -------------------------------- */


/* Print Aufbéreitung ------------------------------------------ */
@media print {

}