/* Uplus GmbH Webseite +++++++++++++++++++++++++++++++++++*/
/* 2010 */
/* Basisseiten, Innenseiten ohne Startseite*/

/*@import url(http://fonts.googleapis.com/css?family=Allan|Ubuntu|Molengo);*/

/* Inhalt mit den 3 Hauptdivs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#spalte_navi {
	width: 260px;
	height: 680px;
	float: right;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px;
	text-align: left;
	display: inline;
	/*background-color: #F4F4F4;*/
	background-image: url(img/design/navi_innenseiten_neu.jpg);
	background-repeat: repeat-y;
	background-position: left 170px;
}



div#spalte_inhalt{
	width: 660px;
	padding: 0px;
	margin: 115px 0px 0px 5px;
	border:0px;
	text-align: left;
	
}

/* Inhalte der 3 Hauptdivs, siehe oben ( kundenservice + bild_news + mitte )+++++++++++++++++++++++++++++++++++++++++++++*/


div#inhalt{
	
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border:0px;
	color: #333333;
	text-align: left;
	
}


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

div#box_navi{
	width: 220px;
	height: 420px;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #d4d4d4;*/
	color: #333333;
	text-align: left;
	background-color: White;
	
	}


div#mediabox {width:260px; background-color:#ffffff;}


/* Inhalte, die am Ende der Seite stehen+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#kleeblatt{	height: 234px; width:224px; position:absolute; left:50%; top:7px; margin: 0px 0px 0px -50px; padding: 0px; border: 0px; z-index:350 ;}
div#suchmaschinenmarketing{	height: 55px; width: 165px; position:absolute; left:50%; top:22px; margin: 0px 0px 0px -120px; padding: 0px; border: 0px; z-index:350; line-height:20px; font-size: 11pt; color: #575757; font-weight:bold; text-align:left;}
div#beratung{width:250px; height:55px; position:absolute; left:50%; top:30px; margin: 0px 0px 0px 150px; padding: 0px; border: 0px;  z-index:350 ; line-height:20px; font-size: 11pt;  font-weight:bold; color: #575757; text-align:left;}
div#technik{height: 20px; width: 100px; position:absolute; left:50%; top:120px; margin: 0px 0px 0px -105px; padding: 0px; border: 0px; width:100px; height:20px; z-index:350 ; font-size: 11pt; color: #575757; line-height: 25px; font-weight:bold; text-align:left;}
div#webdesign{position:absolute; left:50%; top:200px; margin: 0px 0px 0px 115px; padding: 0px; border: 0px; width:130px; height:20px; z-index:350 ;font-size: 11pt; color: #575757;	line-height: 25px; font-weight:bold; text-align:left;}

	/*color: #e2001a;*/


/*allgemeine Links ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
	color: #666666;
	text-decoration: underline; /* Link ist unterstrichen, ist aber auch so immer unterstrichen*/
}

a:hover {
	color: #e2001a;
}


/* Haupt-Navigation +++++++++++++++++++++*/		
div#haupt_navi
{
	position:absolute;
	left:50%;
	top:165px;
	margin: 0px 0px 0px -490px;
	width: 415px;
	height: 36px;
	background-image: url(img/design/haupt-navigations-hg.png);
	text-align: left;
	padding: 0px;
	border:0px;
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
}

#haupt_navi a{	color: #666666; text-decoration:none;}
#haupt_navi a:hover{color: #ea4759;}

.haupt_navi_abstand1 {display: block; width:78px; float:left; text-align:center; margin-top:10px;}
.haupt_navi_abstand2 {display: block; width:92px; float:left; text-align:center; margin-top:10px;}
.haupt_navi_abstand3 {display: block; width:86px; float:left; text-align:center; margin-top:10px;}
.haupt_navi_abstand4 {display: block; width:70px; float:left; text-align:center; margin-top:10px;}
.haupt_navi_abstand5 {display: block; width:88px; float:left; text-align:center; margin-top:10px;}



/* Navigation der einzelnen Spalten ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/		

#spalten_navi a{
	color: #535353;
	text-decoration:none;
	font-weight: bold;
}
#spalten_navi a:hover{
	color: #e2001a;
}

/* Hauptkategorien Links */

.vert_link { 
   width:200px;
	/*height:30px;*/
	margin-top: 10px;
	/*border-left: 1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;*/
	border-top:1px solid #E2E2E2;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 4px 10px;
	background-image: url(img/design/navi_innenseiten_pfeil.png);
	background-position: center left;
	background-repeat: no-repeat;
	}

.vert_link-aktiv {
   width:180px;
	/*height:30px;*/
	margin-top: 10px;
	
	/*border-left: 1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;*/
	border-top:1px solid #E2E2E2;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 4px 10px;
	background-image: url(img/design/navi_innenseiten_pfeil.png);
	background-position: center left;
	background-repeat: no-repeat;
}

.vert_link a {
	text-decoration:none;
	color: #535353;
}

.vert_link-aktiv a {
	text-decoration:none;
	color: #e2001a;
}


/* Links Ebene 2 */

.vert_link_2 {
	width:180px;
	/*margin-top: 1px;*/
	border-left: 1px solid white;
	border-right:1px solid white;
	font-size: 12px;
	/*font-weight: bold;*/
	text-decoration:none;
	padding: 4px 0 4px 10px;
}

.vert_link_2 a {
	text-decoration:none;
	color: #535353;
	}
	

.vert_link_2-aktiv {
	width:180px;
	/*margin-top: 1px;*/
	border-left: 1px solid white;
	border-right:1px solid white;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	padding: 4px 0 4px 10px;
}

.vert_link_2-aktiv a {
	text-decoration:none;
	color: #e2001a;
	}
	
h1.csc-firstHeader {
	color: green;
}

label 	{display:block; width:70px; float:left;}
input 	{margin-bottom:10px;}
textarea {margin-bottom:10px;}

/********** newsletter **********/

.newsletter_tarif_box {
	border: 1px solid #D4D4D4;
	background-color: #FAFAFA;
	height: 180px;
}

.newsletter_tarif_text{
	border: 0px solid #D4D4D4;
	background-color: #F4F4F4; /*height: 250px;*/
	padding: 10px 0px 10px 2px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

.newsletter_tarif
{
	border: none;
	background-color: #E2E2E2;
	color: #008000;
	padding: 3px 0px 5px 2px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	font-weight: bold;
	font-size: 14px; 
}

.newsletter_preis
{
	border: none;
	background-color: #303030;
	color: #ffffff;
	padding: 5px 0px 5px 4px; /*margin: 0px 0px 0px 0px;*/
	height: 15px;
	width: 70%;
	font-weight: bold;
	font-size: 12px;
}