/*
    Style für die einzelnen Controls
*/

/* Allgemein */
.spacer10{ margin-bottom: 10px; }
.spacer20{ margin-bottom: 20px; }
.spacer30{ margin-bottom: 30px; }
.spacer40{ margin-bottom: 40px; }
.spacer50{ margin-bottom: 50px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* zurück in detailview */
.back{ text-align: right; width: 18%; }

/* header navigation */
.headnaviitem
{
    display: inline-block;
    float: right;
    line-height: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.headnaviitem a
{
    color: #990000;
	text-decoration: none;
}
.headnaviitem a:hover
{
	text-decoration: underline;
	color: #ff0000;	
}

/* main navigation */
.mainnavigationitem
{
    margin-left: 10px;
}
.mainnavigation a
{
    display: block;
    width: 100%;
    color: White;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid 1px white;
    border-left: solid 10px inherit;
}
.mainnavigation a:hover
{
    text-decoration: none;
    background-color: #336699;
}
.mainnavigationitemactiv
{
    display: inline-block;
    width: 140px;
    border-left: solid 10px #336699;
    background-color: #336699;
}
.mainnavigationactiv a
{
    display: block;
    width: 100%;
    color: White;
    height: 22px;
    line-height: 22px;
    vertical-align: 22px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid 1px white;
    background-color: #336699;
}
.mainnavigation a:hover
{
    text-decoration: none;
    background-color: #336699;
}


/* Bild im content Bereich */
.contentimage
{
    text-align: left;
    border: 0;
    outline: 0;
    margin-bottom: 20px;
}
/* Content Überschrift */
.contenthead
{
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    color: #323e6d;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #859CC3;
    background-image: url(../images/head_verlauf_26_r.gif);
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;  
    margin-bottom: 5px;     
}
.contenthead span
{
    margin-left: 5px;
}
/* Content Module */
.contentitem
{
    margin: 0px 10px;
    padding-bottom: 30px;
}
.contentrow
{
    margin-bottom: 10px;
}
.contentrowheader
{
    font-weight: bold;
}

/* Produkte */
.productlistitem
{
}
.productheadline
{    
}

.productdetail
{
    margin-bottom: 30px;
}
.productdetailtitle
{
    color: #323e6d;
    font-weight: bold;
    font-size: 1.3em;
    margin: 15px 0px;
}
.productdetailheader
{
    font-weight: bold;
    width: 80%;
    float: left;
}

/* Link Liste */
.linklistitem
{
    width: 100%;    
    border-bottom: 1px solid #336699;    
}
.paging
{
    margin-top: 20px;
}

/* Impressum */
.improw
{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.impleft
{
    width: 49%;
    float: left;
    font-weight: bold;
}
.impright
{
    width: 49%;
    float: right;
}

/* Kontakt */
.contactfield
{
    width: 100%; /*300px;*/
    border: 1px solid #EBF0F5; /*#336699; */
    background-color: #EBF0F5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: inherit;    
}
.contactmessage
{
    width: 100%; /*300px;*/
    height: 200px;
    border: 1px solid #EBF0F5; /*#336699; */
    background-color: #EBF0F5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: inherit;    
}
.contactrow
{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.contactrow .right
{
    margin-right: 115px;
}
.contactrow label
{
    margin-right: 20px;
    margin-left: 5px;
    border: 0px solid #336699;
}
.contactleft
{
    width: 59%;
    float: left;
}
.contactright
{
    width: 39%;
    float: right;
    font-weight: bold;
}

/* vote */
.voterow
{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.voterow input
{
    margin-right: 7px;
}
.voteleft
{
    width: 49%;
    float: left;
}
.voteright
{
    width: 49%;
    float: right;
    font-weight: bold;
}
.votespacer
{
    margin-left: 5px;
    margin-right: 15px;
}

/* Captcha */
.captcha
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 100%;
}
.captcha .error
{
	background-color: inherit;
}
.captcha .refresh
{
	margin-bottom: 3px;
}
.captcha img
{
    border: 1px solid #EBF0F5; /*#336699;*/
}
.captchainput
{
	width: 200px;
	height: 20px;
	font-size: 11px;
	margin: 5px 0px 5px 0px;
	background-color: #EBF0F5;
	border: 1px solid #EBF0F5; /*#336699;	*/
}

/* Artikel Contentright */
.rightheader
{
    width: 100%;
    background-color: #336699;
    color: White;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
}
.rightcontent
{
    width: 100%;
    background-color: #EBF0F5;
    color: Black;
}
.teaserright
{
    margin: 10px;
}
.teasertitle
{
    margin-bottom: 5px;
}
.teaserheadline
{
    margin-bottom: 5px;
}
.teasercontent
{
}

.teasercontent img
{
    margin-right: 5px;
    margin-bottom: 5px;
}

/* Kommentar */
.commentsline
{
    margin-bottom: 20px;
    width: 98%;
}
.commentslineheader
{
    display: inline-block;
    border: 1px solid #EBF0F5;
    background-color: #EBF0F5;
    padding: 2px 5px;
    width: 100%;
    overflow: hidden;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
}
.commentseditbtn
{
    width: auto;    
    float: right;    
}
.commentslinedescription
{
    width: 100%;
    border: #EBF0F5 1px solid;
    padding: 5px;
}
.createcommentlink
{
    margin-bottom: 20px;
}
.commentmoduleplaceholder
{
    margin-bottom: 10px;
}
.commentsform
{
    border: #EBF0F5 0px solid;
    width: 100%;
    margin-bottom: 30px;
    padding: 5px;
}
.commentsrow
{
    overflow: hidden;
}
.commentscell
{
}
.linkbtn
{ 
    display: inline-block; 
    margin: 10px 160px 10px 0px;
    /*padding: 2px 5px;
    border: solid 1px #990000;*/
    font-weight: bold;
}
.linkbtn:hover
{
    background-color:  #EBF0F5;
}
.commentsinput
{
    width: 300px;
    border: #EBF0F5 1px solid;
    background-color: #EBF0F5;
    margin-bottom: 5px;
    color: inherit;
}