/* @override http://localhost/danielbongartz/layout.css */

a:link { color: #000066;	text-decoration:none; } 
a:hover { color: #000066; text-decoration:underline; } 
a:active { color: #000066; text-decoration:none;	}	
a:visited { color: #000066;	text-decoration:none; } 

a.menu:link    { color:#FFF; background-color:#346FA0; border:0px solid #fff; text-decoration:none; }
a.menu:visited { color:#FFF; background-color:#346FA0; border:0px solid #fff; text-decoration:none; }
a.menu:hover   { color:#FFF; background-color:#3776A8; border:0px solid #fff; text-decoration:none; }
a.menu:active  { color:#FFF; background-color:#3776A8; border:0px solid #fff; text-decoration:none; }
a.menu:focus  { color:#FFF; background-color:#3776A8; border:0px solid #fff; text-decoration:none; }

a.flickr {  background-image:url(images/flickr.png); width:48px; height:48px; float:left; }
a.flickr:hover { background-image:url(images/flickr_change.png); text-decoration:none; }

a.twitter { display:block; background-image:url(images/twitter.png); width:48px; height:48px; float:left; }
a.twitter:hover { background-image:url(images/twitter_change.png); text-decoration:none; }

a.youtube { display:block; background-image:url(images/youtube.png); width:48px; height:48px; float:left; }
a.youtube:hover { background-image:url(images/youtube_change.png); text-decoration:none; }

a.delicious       { display:block; background-image:url(images/delicious.png); width:48px; height:48px; float:left; }
a.delicious:hover { background-image:url(images/delicious_change.png); text-decoration:none; }

a.soupio{ display:block; background-image:url(images/soupio.png); width:57px; height:57px; float:left; }
a.soupio:hover { background-image:url(images/soupio_change.png); text-decoration:none; }

a.lastfm { display:block; background-image:url(images/lastfm.png); width:48px; height:48px; float:left; }
a.lastfm:hover { background-image:url(images/lastfm_change.png); text-decoration:none; }

a.facebook { display:block; background-image:url(images/facebook.png); width:48px; height:48px; float:left; }
a.facebook:hover { background-image:url(images/facebook_change.png); text-decoration:none; }

a.wordpress { display:block; background-image:url(images/wordpress.png); width:48px; height:48px; float:left; }
a.wordpress:hover { background-image:url(images/wordpress_change.png); text-decoration:none; }

a.devcount{ display:block; background-image:url(images/devcount.png); width:140px; height:48px; float:left; }
a.devcount:hover { background-image:url(images/devcount_change.png); text-decoration:none; }

#preload {
	visibility: hidden;
	border:0;
}

html {
	text-align:center;
}

body {
	margin: 0px;
}

img { border: 0px;}

#container {	
	border: 0px solid blue;
	height: 100%;
	margin: 0px auto;
}

	#header	{
		border: 0px solid black;
		height: 60px;
		background-color:#3D3D3D;
		text-align:center;
	}

		div.menu { 
			margin: 0px auto; 
			border:0px solid #000; 
			width:700px; 
			text-align:center; 	 
		}

		a.menu { 
			width:80px;
			margin-top:0px; 
			color:#fff; 
			background-color:#666; 
			display:block;
			font-family:Verdana; 
			font-size:12px; 
			font-weight:bold; 
			float:left;   
			margin-left:5px; 
			height:25px;
			margin-top:35px;
		}

		a.menu h1 {
		font-size:12px;
		margin-bottom:0px;
		margin-top:5px;
		}

		#aktive {
			width:80px;
			margin-top:0px; 
			color:#fff; 
			background-color:#3776A8; 
			display:block;
			font-family:Verdana; 
			font-size:12px; 
			font-weight:bold; 
			float:left;   
			margin-left:5px; 
			height:25px;
			margin-top:35px;
		}

		#aktive h1 {
		font-size:12px;
		margin-bottom:0px;
		margin-top:5px;
		}


	#nav {
		border: 0px solid black;
		height: 140px;
		background-color:#3776A8;	
		margin: 0px auto;
		text-align:center;
	}

		#navcontainer{
			border: 0px solid black;
			margin: 0px auto;
			width: 700px;
			height: 140px;
			
		}

			#logo  {
				border: 0px solid black;
				width:200px;
				height: 100px;
				margin-top: 20px;
				float:left;
				text-align:left;
				padding: 5px;
				color: #FFFFFF;
				font-family: verdana;
				font-size: 30px;
			}

			#logo h1 {
				font-size:25px;
				margin-left: 50px;
				margin-top: 15px;
			}

			#logo h2 {
				font-size:25px;
				margin-left:100px;
				margin-top: -20px;
			}

			#stripes {
				border: 0px solid black;
				width:50px;
				float:left;
				margin-top: 0px;
					margin-left: 50px;
			}

			#beschreibung {
				border: 0px solid black;
				width:300px;
				height: 100px;
				margin-top: 20px;
				margin-left: 20px;
				float:left;
				text-align:left;
				padding: 5px;
				color: #FFFFFF;
				font-family: verdana;
				font-size: 18px;
			}

			#beschreibung h1 {
				font-size:22px;
				margin-left: 20px;
				margin-top: 25px;
			}

			#beschreibung h2 {
				font-size:12px;
				margin-left: 40px;
				margin-top: -15px;
			}

			.clear {
				clear:left;
			}

	#footer	{
		border: 0px solid black;
		background-color:#FFFFFF;
		text-align:center;
	}

		#main {
			border: 0px solid black;
			width: 700px;
			margin: 0px auto;	
			margin-top: 15px;
			text-align:justify;
			font-family:verdana;
			font-size:12px;
			color: #000066;
			padding: 10px;
			line-height:1.5em;
			}
		
			#main h1 {
				font-size:10px;
				color: grey;
				margin-top:0px;
				line-height:1.2em;
			}
			
			#main h3{
				font-size:14px;
				color: grey;
				margin-top:0px;
				line-height:1.2em;
				margin-bottom: -30px;
			}
			
			#main #portrait {
				border: 3px solid #3776A8;
				width: 90px;
				float:left;
				margin-right: 10px;				
			}
			
			#empfehlungen {
				border: 0px solid black;
				width: 200px;
				float:right;				
				margin-top: 20px;
			}
			
			#empfehlungen h1 {
				font-size:12px;
				margin-left:20px;
				margin-bottom: 0px;
				margin-top: 0px;
			}
			
			#empfehlungen h2 {
				border: 0px solid black;
				font-size:10px;
				line-height: 1.5em;
				margin-left:20px;
				margin-top: 0px;				
				margin-bottom:10px;
			}			
			
			ul#podblog {
				margin-top:10px;
				margin-bottom:0px;
			}
			
			#webdienste {
				font-size:20px;
			}
			
			#dienste {
				border:px solid black;
				text-align: center;
				margin-top:40px;
			}
			
			#dienste h1 {
				font-size: 12px;
				text-align: left;
				margin-bottom: 0px;
			}
			
			#dienste a
			{
				margin-top:10px;
				
			}
			
			#buttons{
				border:0px;
				margin-left: 100px;
			}
			
			#line {
				margin-top: 20px;
				border: 0;
				height: 5px;
				color: #225588;
				background-color: #225588;
			}
			
.kontakt {
	border: 1px solid #3776A8;
	height: 21px;
}

.k_input {
	border: 1px solid #3776A8;
	height: 150px;
} 

#portfolio{
	margin: 0 auto;
	width: 600px;
	border: 0px solid black;
	text-align: center;
}

#portfolio img{
		width:300px;	
		margin: 0px auto;		
}

#p_image{
	width: 300px;
	border: 0px solid #cccccc;
	float: left;
	margin-bottom: 25px;
}

#p_text {
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-left: 15;
	width: 250px;
	height: 200px;
	padding: 10px;
	float: left;
	text-align: justify;
	color: 000066;
}

#aboutdots {
	border: 1px solid #cccccc;
	width: 300px;

	margin-left: 15px;

	float: right;
	text-align:left;
}

#aboutdotsQ {
	border:0px solid black;
	width:100px;
	heigth:100%;
	color:#cccccc;
	float:left;
	text-align: right;
}

#aboutdotsA h1 {
	border:0px solid black;
	color: #000066;
}