@charset "UTF-8";

/*
 * doppelpunkt: online
 *
 * @file		main.css
 * @version		0.1
 * @browsers	
 * @copyright	Viermann GbR, Martin Kölsch
 * @date		01. April 2010
 */


/* AUFBAU */

* {
		margin: 0;
		padding: 0;
}

body { 
		margin: 25px 0px 25px 0px;
		padding: 0;
		background-color: #666666; 
		font-family: Arial;
		font-size: 90%;
		color: #555555; 
 	line-height: 140%; 	
text-align: center;

}

#servicenavi { 
}

#container { 
		width: 880px;
		margin: 0px auto;
		padding: 12px 25px 25px 25px;
		background-color: #ffffff;
text-align: left;
}

#header { 
		width: 880px;
		height: 100px;
		margin: 0;
		padding: 0;
		background-image:url(../upload/images/logo.gif);
}

#container:after { 
		content: clear; 
		clear: left; 
		display: block; 
		height: 0; 
		overflow: hidden; 
}

#nav { 
		clear:both;
		margin: 0; 
		padding: 0; 
		background-color: #ffffff;
}

#links {
    float:left;
		width: 490px; 
		margin: 36px 0 0 0px;
		padding: 0 0 0 25px; 
		background-color: #ffffff; 
}

#rechts { 
		width: 300px;
		margin: 34px 0px 0 553px; 
		padding: 0; 
		background-color: #ffffff;
text-align: left;
}

.box { 
		width: 300px;
		border: 1px #e6e6e6 solid; 
		margin: 0 0 30px 0;
		padding: 0; 
		background-color: #ffffff;
text-align: left;
}

.inbox { 
		margin: 10px;
		padding: 0; 
 		font-size: 90%; 
text-align: left;
}

#footer { 
		margin: 20px 25px 0 25px;
		padding: 18px 0 0 0;
		border-top: 1px #e6e6e6 solid;
		clear:both;
}


/* TEXT & BILD */

a {
    	text-decoration: none;
    	color: #00b2eb;
}


a:hover {
    	text-decoration: underline;
    	color: #555555;
}

p {
    	margin: 0px 0 20px 0;
 		  line-height: 140%;    		 
}

p.comments {
    	margin: 0px 0 0px 0;
 	line-height: 140%;    		 
}

p.low {
    	margin: 0px 0 20px 0;
 		  line-height: 140%;    		 
}

p.autor {

}

p.teaser {
    	margin: 0 0 20px 0;
}


h1 {
    	font-size: 158%;
    	padding: 20px 0 20px 0;
    	line-height: 138%;
}

h2 {
    	font-size: 128%;
    	padding: 10px 0 10px 0;
}

h3 {
    	font-size: 118%;
    	padding: 0px 0 12px 0;
}

a.breadcrumb {
		margin: 0 2px 0 0;
		padding: 1px 5px 1px 5px;
		background-color: #00b2eb;
		color: #ffffff !important;
		font-size: 90%;
		text-decoration:none;
		font-weight: bold;
}

a.breadcrumb:hover {
		background-color: #333333;
}

img {
    	border: none;
}

.bu {

		width: 480px;
 		padding: 0px 5px 5px 5px;
 		margin: 0 0 30px 0;
 		font-size: 85%; 
 		line-height:160%;
		background-color: #ededed;
}

.buhoch {

		width: 210px;
 		padding: 0px 5px 5px 5px;
 		margin: 0 10px 10px 0;
 		font-size: 85%; 
 		line-height:160%;
		background-color: #ededed;
}

.bild {
		width: 480px;
 		margin: 0 0 0 0;
 		padding: 5px;
		background-color: #ededed;
}

.bildhoch {
		width: 210px;
 		margin: 0 0 0 0;
 		padding: 5px;
		background-color: #ededed;

}

.bildlinks {
                float: left;
 		margin: 5px 10px 10px 0;
 		padding: 0 0 0 0;
}

.bildpanorama {
		width: 230px;
		float: left;
 		margin: 0 10px 10px 0;
 		padding: 5px;
		background-color: #ededed;
}

.kbildl {
		float:left;
		margin: 0 10px 5px 0;
 		padding: 0;
}

.kbildr {
		float: right;
 		margin: 0 0 5px 10px;
 		padding: 0;
}

.kpanorama {
 		margin: 0 0 10px 0;
 		padding: 0;
float:left;
}


ul li {
	margin: 0 0 0.2em 14px;
}

ol li {
	margin: 0 0 0.2em 30px;
}

ul.more li {
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0 0 0.2em 0px;
	background: url(../upload/images/bullet-blue.gif) no-repeat 0 6px;
    line-height: 158%;
}

p.function {
 		padding: 10px 0 10px 0;
 		margin: 0;
 		border-top: 1px #e6e6e6 solid;
 		border-bottom: 1px #e6e6e6 solid;
}


/* FORMULARE */

input, textarea {
	font-family: Arial;
	font-size: 100%;
}



/* DROPDOWN NAVIGATION*/


.nav1 {
		margin: 0 0 0 25px;
		padding: 0;
}

a.nav2 {
		margin: 0;
		padding: 1px 5px 1px 5px;
		background-color: #ffffff;
		color: #0099cc !important;
		font-weight: bold;
}
	
p.nav2 {
	 	margin: 14px 0 4px 25px;
	 	padding: 0;
}

a.nav2r {
		margin: 0;
		padding: 1px 5px 1px 5px;
		background-color: #ffffff;
		color: #00b2eb !important;
		font-weight: bold;
}
	
a.nav3 {
		margin: 0 0 0 15px;
		padding: 0;
		color: #ffffff;
		font-size: 90%;
}
	
a.nav3:hover {
		text-decoration: underline !important;
}

p.nav3 {
	 	margin: 0 0 0 15px;
	 	padding: 0;
}