@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	background: url(../images/backgrounds/background04.jpg) top center no-repeat transparent fixed;
	height: 100%;
}

body {
	background:url(../images/bg_dots.png) transparent fixed;	
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #414141;
}

.clear {
	float: none;
	clear: both;
}

.infobox {
background:#FFF3D8 url(../images/icon-warning.gif) no-repeat scroll 10px 10px;
border:1px solid #FFD895;
padding:7px 7px 7px 55px;
line-height:150%;
}

#container {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 900px;
	font-size: 1.3em;
}

a.external {
	background: url(../images/external.png) right 4px no-repeat !important;
	padding: 0 12px 0 0;
}

	#outernavigationcontainer {
		height: 30px;
	}
	
		#outernavigationcontainer ul{
			list-style: none;
			float: right;
		}
		
		#outernavigationcontainer li {
			float: left;
			margin-right: 18px;
			padding: 7px 0 0 0;
		}
		
		#outernavigationcontainer li a{
			color: #010101;
			text-decoration: none;
		}
		
		#outernavigationcontainer li a:hover{
			text-decoration: underline;
		}
		
		#outernavigationcontainer li#customerlogin {
			margin-right: 0;
		}

			#outernavigationcontainer li#customerlogin a{
				color: #fff;
				display: block;
				float: left;
				padding: 7px 9px;
				margin: -7px 0 0 0;
				background: #004a80;
			}
			
	
	#logoinnernavigationcontainer {
		height: 123px;
		margin: 12px 0 12px 0;
	}
	
		#logo {
			background: url(../images/opacity50.png) 0 0 repeat;
			width: 166px;
			height: 109px;
			padding: 14px 0 0 53px;
			float: left;
		}
		
			#logo h1 a {
				background: url(../images/euroweb_logo.png) 0 0 no-repeat;
				display: block;
				width: 113px;
				height: 99px;
				text-indent: -5000px;
			}
			
		#innernavigation {
			width: 680px;
			height: 123px;
			float:left;
			background: #fff;
			margin: 0 0 0 1px;
		}
		
		#innernavigation ul {
			list-style: none;
			padding: 30px 0 0 32px;
			float: left;
		}
		
		#innernavigation li {
			font-size: 1.0em;
			font-family: Arial;
			float: left;
			margin: 0 5px 0 0;
		}
		
		#innernavigation li a{
			display: block;
			float: left;
			color: #414141;
			text-decoration: none;
			height: 18px;
			text-indent: -5000px;
			background-image: url(../images/mainnavigation.gif);
		}
		
		#innernavigation li a.praktikum {
			width: 68px;
			background-position: 0 top;
		}
		
		#innernavigation li a.praktikum:hover, #innernavigation li.active a.praktikum {
			background-position: 0 bottom;
		}
		
		#innernavigation li a.ausbildung {
			width: 77px;
			background-position: -68px top;
		}
		
		#innernavigation li a.ausbildung:hover, #innernavigation li.active a.ausbildung {
			background-position: -68px bottom;
		}
		
		#innernavigation li a.freelancer {
			width: 75px;
			background-position: -145px top;
		}
		
		#innernavigation li a.freelancer:hover, #innernavigation li.active a.freelancer {
			background-position: -145px bottom;
		}
		
		#innernavigation li a.festanstellung {
			width: 97px;
			background-position: -220px top;
		}
		
		#innernavigation li a.festanstellung:hover, #innernavigation li.active a.festanstellung {
			background-position: -220px bottom;
		}
		
		
		#innernavigation ul#subnavigation {
			padding: 16px 80px 0 35px;
			float: none;
			clear: both;
		}
		
			#innernavigation ul#subnavigation li{
				height: 20px;
				padding: 0 13px 0 0;
			}
		
			#innernavigation ul#subnavigation li a {
				text-indent: 0;
				background: none;
			}
			
			#innernavigation ul#subnavigation li a:hover {
				text-decoration: underline;
			}
			
			#innernavigation ul#subnavigation li.active a {
				text-decoration: underline;
			}
			
		
		#innernavigation #searchbar{
			float: left;
			padding: 26px 0 0 80px;
		}
		
		#searchsubmit {
			background: #d1d1d1;
			border: none;
			height: 21px;
			vertical-align: top;
			cursor: pointer;
			padding: 0 7px;
			font-size: 11px;
		}
		
		#searchterm {
			width: 149px;
			height: 17px;
			padding: 1px 2px;
			border: 1px solid #d1d1d1;
		}
		
		
	
	#headerimagecontainer {
		height: 215px;
		margin: 0 0 12px 0;
	}
	
		#headerimageleft {
			background: url(../images/opacity20.png) 0 0 repeat;
			width: 219px;
			height: 215px;
			float: left;
		}
	
		#headerimage {
			width: 680px;
			float: left;
			margin: 0 0 0 1px;
		}
	
	#contentcontainer {
		background: url(../images/bg_content.png) 0 0 repeat-y; 
		float: left;
		margin: 0 0 12px 0;
	}
	
		#contentleft {
			width: 219px;
			float: left;
			text-align: center;
			padding: 30px 0 50px 0;
		}
		
		#contentleft img {
			margin: 45px 0 0 0;
			border: none;
		}
        
       	
		#content {
			width: 540px;
			float: left;
			margin: 0 0 0 1px;
			padding: 35px 100px 20px 40px;
			line-height: 180%;
		}
		
			#content p {
				margin: 0 0 12px 0;
			}
            
            #content blockquote {
				margin: 0 0 12px 0;
				padding: 0 0 0 50px;
                color: #333;
                background: url(../images/blockquote.gif) 10px 5px no-repeat;
			}
            
            #content cite {
            	color: #666;
            }
            
            
            #content ul {
            	list-style: none;
                margin: 0 0 12px 0;
            }
            
            #content ul li {
            	background: url(../images/li.gif) 0 7px no-repeat;
                padding: 0 0 0 14px;
            }
            
            #content img {
            	border: 2px solid #ccc;
                margin: 7px 10px 5px 0;
                float: left;
            }
            
            #content .lytebox img {
            	border: 2px solid #ccc;
                margin: 0px 10px 5px 0;
                float: left;
            }
            
            #content div.teaser {
            	border: none;
                margin: 0px 0 20px 0;
                float: left;
                height:36px;
                width:540px;
                padding:84px 0 0 0;
                position:relative;
            }
            
            #content div.teaser h3, 
            #content div.teaser h4 {
            	display:none;
            }
            
            #content div.vertrieb {
            	background: url(../images/contentimages/euroweb-vertrieb.jpg) 0 0 no-repeat;
            }
            
             #content div.webworker {
            	background: url(../images/contentimages/euroweb-webworker.jpg) 0 0 no-repeat;
           
            }
            
             #content div.buero {
            	background: url(../images/contentimages/euroweb-buerokommunikation.jpg) 0 0 no-repeat;
            }
				
				 #content div.beratung {
            	background: url(../images/contentimages/euroweb-medienberater.jpg) 0 0 no-repeat;
            }
            
              
             #content div.teaser a {
            	color:white;
                font-size:12px;
                background:#005d8f;
                padding:3px;
                margin:0 -10px 0 13px;
            }
            
            #content div.teaser a:hover {
                background:#7ca729;
            }
		
			#content h2 {
				font-size: 2.1em;
				font-weight: normal;
				font-family:"Arial Narrow",Arial;
				color: #004A80;
				text-transform: inherit;
				margin: 0 0 10px 0;
				line-height:120%;
				letter-spacing: .04em;
			}
            
            #content h3 {
				font-size: 1.3em;
				font-weight: bold;
				font-family:"Arial Narrow",Arial;
				color: #004A80;
				text-transform: inherit;
				letter-spacing: .04em;
			}
            
            #content h3.team {
            	margin: 35px 0 0 0;
            }
            
            #content h4 {
				font-size: 1.0em;
				font-weight: bold;
				text-transform: inherit;
			}
			
			#content h2.last {
				margin: 0 0 20px 0;
			}
			
			 .singlecolumn {
				width: 540px;
				float: left;
				margin: 0 0 20px 0;
			}
			
			 .doublecolumn {
				width: 350px;
				float: left;
				margin: 0 0 20px 0;
			}
			
			 .triplecolumn {
				width: 160px;
				float: left;
				margin: 0 0 20px 0;
			}
			
			.triplecontainer {
				float: left;
			}
			
			 .separator {
				width: 30px;
				float: left;
				height: 10px;
			}
			
			#content a {
				color: #1f4b86;
				font-weight: normal;
				text-decoration: none;
			}
			
			#content a:hover {
				color: #a1c341;
			}

			
			
	
	#footer {
		background: #fff;
		width: 600px;
		margin: 0 0 0 220px;
		padding: 20px 40px;
		float: none;
		clear: both;
	}
	
        #footer h4 {
                color:#1F4B86;
                font-size:0.85em;
                font-weight:bold;
                margin:0 0 10px;
                text-decoration:none;
        }
		
		#footer p {
			font-size: 0.85em;
		}
		
		#footer a {
			text-decoration: none;
			color: #414141;
		}
		#footer a:hover {
			text-decoration: underline;
		}
		
		#footer .triplecolumn {
			margin: 0;
			width: 160px;
		}
		
/*LOGINFORMS*/

.login {
	float: none;
	clear: both;
	margin: 0 0 20px 0;
}

.login .hidden {
	border: none;
	float: none;
	height: 0;
}

.login label, .login input{
	float: left;
	display: block;
	width: 120px;
}

.login input {
	width: 200px;
	border: 1px solid #a1a1a1;
	margin: 0 0 5px 0;
	padding: 2px;
}

.login br {
	float: none;
	clear: both;
}

.login .submitbtn {
	margin: 0 0 0 120px;
	background: #004A80;
	height: 28px;
	border: none;
	color: #fff;
	width: 206px;
	cursor: pointer;
	float: none;
	clear: both;
}

.productbtn {
    font-weight: bold !important;
    padding: 0 0 0 15px;
    background: url(../images/li2.gif) 0 4px no-repeat;
}


.productbtn:hover {
	background-position: 0 -10px;
}



	.calculator table {
    	width: 100%;
		border-collapse: collapse;
    }
    
    .calculator table td {
        vertical-align: top;
        padding: 3px;
        border-bottom: 1px dotted #ccc;
    }
    
    .calculator table .checkbox {
    	margin: 5px 0 0 0;
    }
    
    .calculator table td.rightalign {
    	text-align: right;
    }
    
    .calculator table td.tabletext {
		border: none;
        padding: 15px 3px;        
    }
    
    .calculator #totalsum {
    	background: #f1f1f1;
        padding: 10px;
        margin: 10px 0 0 0;
		border-bottom: 1px solid #e8e8e8;        
        color: #666;
        font-size: 18px;
        font-weight: bold;
    }
    
    #totalsum span {
    	color: #004A80;
        padding: 0 0 0 20px;
    
    }
    
.blue {
	color: #004A80;
}

.noborder td{
	border: none !important;
}

.newsimage {
	border: none !important;
}

.maps {
	float: right !important;
}

#playerborder {
	border: 2px solid #ccc;
    width: 478px;
    margin: 0 0 20px 0;
}

#newsletter fieldset {
	border: none;
}

#newsletter legend {
	display: none;
}

#newsletter input, #newsletter label {
	display: block;
    float: left;
    width: 150px;
}

#newsletter input {
	border:1px solid #004A80;
}

#newsletter input.radio {
	width: auto;
    margin: 6px 3px 0 0;
}

#newsletter input.hidden {
	display: none;
}

#newsletter .submitbtn {
	margin: 0 0 0 150px;
    background: #004a80;
    color: #fff;
}

#newsletter h3 {
	margin-top: 30px;
}

#newsletter .radio-small {
	width: 70px;
}

#map {
	border: 4px solid #ccc;
}

#infodiv {
	background: url(../images/google/infodiv.png);
	width: 301px;
	height: 110px;
	position: absolute;
	padding: 20px 21px 0 23px;
	font-size: 11px;
	line-height: 16px;
	top: 320px;
	left: 30px;
}

#infodiv .links {
	position: absolute;
	top: 90px;
	left: 178px;
	text-align:right;
	width:150px;
}

#infodiv strong {
	color: #1f4b86;
	font-size: 13px;
}

#infodiv .closebtn {
	top: 12px;
	left: 314px;
	font-weight: bold;
	border: 1px solid #f1f1f1;
	padding: 0 5px;
	background: #f3f3f3;
	color: #000;		
	position: absolute;
}

.fieldreport {
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	background: #f1f1f1;
	padding: 8px;
	width: 200px;
}